{"id":14667,"date":"2025-10-30T13:21:35","date_gmt":"2025-10-30T13:21:35","guid":{"rendered":"https:\/\/www-new.rapidclouddevelopment.com\/?page_id=14667"},"modified":"2026-10-21T18:51:00","modified_gmt":"2026-10-21T18:51:00","slug":"handleidingen","status":"publish","type":"page","link":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/","title":{"rendered":"Handleidingen"},"content":{"rendered":"\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');.rcd-page{overflow-x:hidden;background:#F6F7FB;color:#0E1424;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.rcd-page *,.rcd-page *::before,.rcd-page *::after{box-sizing:border-box}.rcd-page img{max-width:100%}.rcd-page picture{display:block}.rcd-page picture>img{display:block;width:inherit;height:inherit;max-width:100%;max-height:inherit;object-fit:inherit;object-position:inherit;border-radius:inherit;aspect-ratio:inherit}.rcd-page details>summary{list-style:none}.rcd-page details>summary::-webkit-details-marker{display:none}.rcd-page details[open]{border-color:#FF6B2C!important}.rcd-page details .rcd-sign{transition:transform .2s,background .2s}.rcd-page details[open] .rcd-sign{background:#C2410C!important;color:#fff!important;transform:rotate(45deg)}.rcd-page a[href^=\"mailto:\"]{word-break:break-all}@media(max-width:600px){.rcd-page [style*=\"minmax(min(100%,200px),1fr)\"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.rcd-page [style*=\"minmax(min(100%,200px),1fr)\"] a{min-height:80px!important}.rcd-page [style*=\"flex:1 1 420px\"],.rcd-page [style*=\"flex:1 1 400px\"]{flex-direction:column;align-items:flex-start!important}.rcd-page [style*=\"repeat(3,minmax(0,1fr))\"]>div{padding:14px!important}.rcd-page [style*=\"repeat(3,minmax(0,1fr))\"] b{font-size:24px!important}.rcd-page .rcd-mosaic{min-height:0!important;display:flex;flex-direction:column;gap:12px}.rcd-page .rcd-mosaic>div{position:static!important;width:auto!important}.rcd-page .rcd-mosaic>div:first-child{aspect-ratio:3\/2}}.rcd-page{background: rgb(246, 247, 251); color: rgb(14, 20, 36); font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased;}.rcd-page a{color: rgb(75, 50, 214);}.rcd-page a:hover{color: rgb(46, 27, 166);}.rcd-page .wrap{max-width: 1200px; margin: 0px auto; padding: 0px 32px; box-sizing: border-box;}.rcd-page .dark{background: rgb(10, 14, 26); color: rgb(231, 234, 243);}.rcd-page .dots{background: radial-gradient(50% 60% at 78% 30%, rgba(255, 107, 44, 0.18), transparent 70%), radial-gradient(40% 50% at 12% 85%, rgba(124, 92, 255, 0.18), transparent 70%), linear-gradient(rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0px 0px \/ 48px 48px, linear-gradient(90deg, rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0px 0px \/ 48px 48px, linear-gradient(135deg, rgb(10, 14, 26) 0%, rgb(20, 26, 51) 60%, rgb(28, 22, 56) 100%);}.rcd-page .gtext{background: linear-gradient(90deg, rgb(255, 107, 44), rgb(255, 177, 74) 45%, rgb(184, 168, 255)) text; color: transparent;}.rcd-page .glow-btn{box-shadow: rgba(255, 138, 76, 0.4) 0px 0px 0px 1px, rgba(255, 107, 44, 0.7) 0px 10px 40px -8px;}.rcd-page .flow{position: relative; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; align-items: center; padding: 40px 32px; border-radius: 28px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(13, 18, 32, 0.55); backdrop-filter: blur(6px);}.rcd-page .fcol{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px;}.rcd-page .track{position: absolute; left: 12%; right: 12%; top: 50%; height: 2px; background: linear-gradient(90deg, rgba(255, 107, 44, 0.15), rgba(255, 107, 44, 0.6), rgba(124, 92, 255, 0.6), rgba(124, 92, 255, 0.15));}.rcd-page .track i{position: absolute; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 177, 74); box-shadow: rgba(255, 138, 76, 0.9) 0px 0px 12px 3px; animation: 4s linear 0s infinite normal none running flow;}.rcd-page .track i:nth-child(2){animation-delay: 1s; background: rgb(255, 255, 255);}.rcd-page .track i:nth-child(3){animation-delay: 2s; background: rgb(184, 168, 255); box-shadow: rgba(124, 92, 255, 0.9) 0px 0px 12px 3px;}.rcd-page .track i:nth-child(4){animation-delay: 3s;}@keyframes flow { \n  0% { left: 0px; opacity: 0; }\n  10% { opacity: 1; }\n  90% { opacity: 1; }\n  100% { left: 100%; opacity: 0; }\n}.rcd-page .agent{display: flex; align-items: center; gap: 12px; width: 100%; max-width: 220px; padding: 12px 14px; border-radius: 16px; background: rgb(17, 23, 41); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.02),0 0 24px -10px var(--c); text-align: left; box-sizing: border-box;}.rcd-page .agent b{display: block; font: 500 10px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c);}.rcd-page .agent span:last-child{font: 500 14px \/ 1.3 Inter, sans-serif; color: rgb(231, 234, 243);}.rcd-page .agent-i{width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; color: var(--c); background: rgb(10, 14, 26); border: 1px solid var(--c); flex: 0 0 auto;}.rcd-page .codecard{width: 100%; max-width: 250px; box-sizing: border-box; background: rgb(11, 16, 32); border: 1px solid rgb(42, 51, 80); border-radius: 14px; padding: 14px 16px; font-size: 11.5px; line-height: 1.7; color: rgb(126, 137, 166); text-align: left; box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 40px -20px;}.rcd-page .dotw{width: 8px; height: 8px; border-radius: 50%; background: rgb(42, 51, 80);}.rcd-page .flabel{font: 500 12px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(174, 182, 202);}.rcd-page .engine{position: relative; width: 200px; height: 200px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle, rgb(42, 26, 46) 0%, rgb(18, 24, 41) 65%); border: 1px solid rgba(255, 138, 76, 0.35); box-shadow: rgba(255, 107, 44, 0.55) 0px 0px 80px -10px, rgba(124, 92, 255, 0.5) 0px 0px 140px -20px;}.rcd-page .engine-ring{position: absolute; inset: -14px; border-radius: 50%; border: 1px dashed rgba(184, 168, 255, 0.45); animation: 24s linear 0s infinite normal none running spin;}@keyframes spin { \n  100% { transform: rotate(360deg); }\n}@media (max-width: 980px){.rcd-page .flow{grid-template-columns: repeat(2, minmax(0px, 1fr));}.rcd-page .track{display: none;}}@media (max-width: 560px){.rcd-page .flow{grid-template-columns: minmax(0px, 1fr);}}@media (prefers-reduced-motion: reduce){.rcd-page .track i,.rcd-page .engine-ring{animation: auto ease 0s 1 normal none running none;}}.rcd-page .eyebrow{font: 500 12px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(194, 65, 12);}.rcd-page .dark .eyebrow{color: rgb(255, 138, 76);}.rcd-page .h1{font: 700 clamp(44px, 6vw, 84px) \/ 1.02 Sora, sans-serif; letter-spacing: -0.035em; margin: 0px;}.rcd-page .h2{font: 700 clamp(30px, 3.4vw, 48px) \/ 1.08 Sora, sans-serif; letter-spacing: -0.025em; margin: 0px;}.rcd-page .lead{font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; color: rgb(74, 84, 104); margin: 0px;}.rcd-page .dark .lead{color: rgb(174, 182, 202);}.rcd-page .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0px 22px; border-radius: 12px; font: 600 15px \/ 1 Inter, sans-serif; text-decoration: none; box-sizing: border-box;}.rcd-page .btn-p{background: rgb(194, 65, 12); color: rgb(255, 255, 255);}.rcd-page .btn-p:hover{background: rgb(154, 52, 18); color: rgb(255, 255, 255);}.rcd-page .btn-o{border: 1px solid rgb(203, 210, 225); color: rgb(14, 20, 36); background: rgb(255, 255, 255);}.rcd-page .btn-o:hover{border-color: rgb(14, 20, 36); color: rgb(14, 20, 36);}.rcd-page .crumb{display: flex; gap: 10px; align-items: center; font-size: 14px; color: rgb(139, 149, 174);}.rcd-page .crumb a{color: rgb(201, 208, 224); text-decoration: none;}.rcd-page .crumb a:hover{color: rgb(255, 255, 255); text-decoration: underline;}.rcd-page .grp{font: 500 11px \/ 1 \"JetBrains Mono\", monospace; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(91, 100, 120); margin: 22px 0px 10px;}.rcd-page .li{display: flex; gap: 12px; align-items: flex-start; padding: 7px 0px; line-height: 1.45;}.rcd-page .ck{flex: 0 0 auto; width: 22px; height: 22px; border-radius: 7px; background: rgb(255, 241, 234); color: rgb(194, 65, 12); display: flex; align-items: center; justify-content: center; margin-top: 1px;}.rcd-page .feat .ck{background: rgba(255, 107, 44, 0.16); color: rgb(255, 138, 76);}.rcd-page .feat .grp{color: rgb(139, 149, 174);}@media (max-width: 860px){.rcd-page .wrap{padding: 0px 20px;}}.rcd-page{}.rcd-page .cf-in{width: 100%; box-sizing: border-box; min-height: 48px; padding: 12px 14px; border: 1px solid rgb(203, 210, 225); border-radius: 12px; font: 400 15px Inter, sans-serif; color: rgb(14, 20, 36); background: rgb(255, 255, 255);}.rcd-page .cf-in:focus{outline: rgb(124, 92, 255) solid 2px; outline-offset: 1px; border-color: rgb(124, 92, 255);}.rcd-page .cf-l{display: flex; flex-direction: column; gap: 8px; font: 500 14px Inter, sans-serif; color: rgb(42, 50, 71);}.rcd-page a{color: rgb(75, 50, 214);}.rcd-page a:hover{color: rgb(46, 27, 166);}.rcd-page .gform_wrapper.gravity-theme{margin: 8px 0px 0px;}.rcd-page .gform_wrapper.gravity-theme .gform_fields{gap: 16px;}.rcd-page .gform_wrapper.gravity-theme .gfield_label{font: 500 14px Inter, sans-serif; color: rgb(42, 50, 71); margin-bottom: 8px;}.rcd-page .gform_wrapper.gravity-theme .gfield_required{color: rgb(194, 65, 12);}.rcd-page .gform_wrapper.gravity-theme .gform_required_legend{font-size: 13px; color: rgb(91, 100, 120);}.rcd-page .gform_wrapper.gravity-theme input[type=\"text\"],.rcd-page .gform_wrapper.gravity-theme input[type=\"email\"],.rcd-page .gform_wrapper.gravity-theme input[type=\"tel\"],.rcd-page .gform_wrapper.gravity-theme select,.rcd-page .gform_wrapper.gravity-theme textarea{width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid rgb(203, 210, 225); border-radius: 12px; font: 400 15px Inter, sans-serif; color: rgb(14, 20, 36); background: rgb(255, 255, 255); transition: border-color 0.2s, box-shadow 0.2s;}.rcd-page .gform_wrapper.gravity-theme textarea{min-height: 120px; height: 140px; resize: vertical;}.rcd-page .gform_wrapper.gravity-theme input:focus,.rcd-page .gform_wrapper.gravity-theme select:focus,.rcd-page .gform_wrapper.gravity-theme textarea:focus{outline: none; border-color: rgb(124, 92, 255); box-shadow: rgba(124, 92, 255, 0.2) 0px 0px 0px 3px;}.rcd-page .gform_wrapper.gravity-theme .gfield_checkbox label,.rcd-page .gform_wrapper.gravity-theme .ginput_container_consent label{font-size: 14px; color: rgb(42, 50, 71);}.rcd-page .gform_wrapper.gravity-theme input[type=\"checkbox\"]{width: 20px; height: 20px; accent-color: rgb(194, 65, 12);}.rcd-page .gform_wrapper.gravity-theme .gform_footer{margin: 8px 0px 0px; padding: 0px;}.rcd-page .gform_wrapper.gravity-theme .gform_button{min-height: 48px; padding: 0px 28px; border: 0px; border-radius: 12px; background: rgb(194, 65, 12); color: rgb(255, 255, 255); font: 600 15px Inter, sans-serif; cursor: pointer; box-shadow: rgba(255, 107, 44, 0.8) 0px 10px 30px -10px; transition: background 0.2s;}.rcd-page .gform_wrapper.gravity-theme .gform_button:hover{background: rgb(154, 52, 18);}.rcd-page .gform_wrapper.gravity-theme .gfield_error input,.rcd-page .gform_wrapper.gravity-theme .gfield_error textarea{border-color: rgb(192, 38, 38);}<\/style><div class=\"rcd-page\"> <div> <section class=\"dark dots\" style=\"padding:56px 0 104px;overflow:hidden\"> <div class=\"wrap\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:56px;align-items:center\"> <div style=\"display:flex;flex-direction:column;gap:26px\"> <nav class=\"crumb\" aria-label=\"Kruimelpad\"><a href=\"https:\/\/www.rapidclouddevelopment.com\/nl\/\">Home<\/a><span aria-hidden=\"true\">\/<\/span><span>Handleidingen<\/span><\/nav> <span class=\"eyebrow\">Start snel met het RCD-framework dankzij gedetailleerde handleidingen en videotutorials<\/span> <h1 class=\"h1\"><span class=\"gtext\">Handleidingen<\/span><\/h1> <p class=\"lead\">Begin snel met stap-voor-stap tutorials die duidelijke uitleg combineren met praktische video\u2019s. Of je nu nieuw bent met het framework of geavanceerde features wil ontdekken: de handleidingen helpen je om elk aspect van Rapid Cloud Development te begrijpen, te bouwen en te beheersen.<\/p> <div><a class=\"btn btn-p glow-btn\" href=\"#contact-us\">Contacteer ons<\/a><\/div> <\/div> <div aria-hidden=\"true\" style=\"position:relative;min-height:380px\"> <div style=\"position:absolute;left:0;top:0;width:82%;aspect-ratio:16\/9;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -24px rgba(0,0,0,.85);background:#fff\"> <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/k2iIyG7Fgt0\/hqdefault.jpg\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover\"> <span style=\"position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(255,107,44,.2),0 0 60px rgba(255,107,44,.7)\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <div style=\"position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(14,20,36,.15)\"><div style=\"width:38%;height:100%;background:linear-gradient(90deg,#FF6B2C,#7C5CFF)\"><\/div><\/div> <\/div> <div style=\"position:absolute;right:0;bottom:0;width:270px;padding:16px;border-radius:18px;background:rgba(17,23,41,.95);border:1px solid rgba(184,168,255,.3);display:flex;flex-direction:column;gap:10px;box-shadow:0 0 50px -14px rgba(124,92,255,.6)\"> <span style=\"font:500 11px 'JetBrains Mono';letter-spacing:.1em;color:#B8A8FF;text-transform:uppercase\">Afspeellijst<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora\">Bouw een webapplicatie in minder dan 10 minuten<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora;opacity:.6\">Hoe een treeview-grid opbouwen<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora;opacity:.4\">Hoe mobiele apps bouwen<\/span> <\/div> <\/div> <\/div> <\/section> <section style=\"padding:72px 0 112px\"> <div class=\"wrap\" style=\"display:flex;flex-direction:column;gap:36px\"> <div role=\"tablist\" aria-label=\"Categorie\u00ebn handleidingen\" style=\"display:flex;flex-wrap:wrap;gap:8px\"> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:0;background:#0E1424;color:#fff;font:600 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Ga van start<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Componenten maken<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Apps maken<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Objecten<\/span> <\/div> <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px\"> <div style=\"grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:32px 36px;border-radius:24px;background:#fff;border:1px solid #E3E7F0\"> <div style=\"display:flex;gap:20px;align-items:center;flex:1 1 400px\"><span style=\"flex:none;width:56px;height:56px;border-radius:16px;background:#FFF1EA;color:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h12a4 4 0 0 1 4 4v12H8a4 4 0 0 1-4-4zM8 9h8M8 13h6\"><\/path><\/svg><\/span><div style=\"display:flex;flex-direction:column;gap:6px\"><h2 style=\"margin:0;font:700 24px Sora\">Basisbegrippen<\/h2><p style=\"margin:0;color:#4A5468\">Je vindt hier een lijst met basisbegrippen die in het framework gebruikt worden.<\/p><\/div><\/div> <a class=\"btn btn-o\" href=\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/basis-rcd-begrippen\/\">Leer meer<\/a> <\/div> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/9TLXuGIYHrg\" aria-label=\"Video afspelen: Rondleiding in de designer\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v12H3zM8 20h8M12 16v4\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">01 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Rondleiding in de designer<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we een rondleiding in de Rapid Cloud Development-designer.<\/p> <a href=\"https:\/\/youtu.be\/9TLXuGIYHrg\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/vKne4P-1O_0\" aria-label=\"Video afspelen: Rondleiding in de portal\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">02 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Rondleiding in de portal<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we een rondleiding in de Rapid Cloud Development-portal.<\/p> <a href=\"https:\/\/youtu.be\/vKne4P-1O_0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/JkHFghPXFFc\" aria-label=\"Video afspelen: Hoe een component aanmaken en gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2l9 5v10l-9 5-9-5V7zM12 12l9-5M12 12v10M12 12L3 7\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">03 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe een component aanmaken en gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je een component aanmaakt en gebruikt. Een component is een onderdeel van een app, een verzameling elementen die je op meerdere plaatsen kan hergebruiken. Er is geen beperking op wat een component kan bevatten: je kan alles toevoegen wat je normaal ook in een app zou gebruiken.<\/p> <a href=\"https:\/\/youtu.be\/JkHFghPXFFc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/T9zGcdAayNs\" aria-label=\"Video afspelen: Badges op tabs instellen via een component\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 8h8V4H3zM13 8h8V4h-8zM3 8v12h18V8\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">04 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Badges op tabs instellen via een component<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je badges op tabs instelt via een component. Een component is een onderdeel van een app, een groep elementen die je op meerdere plaatsen kan hergebruiken.<\/p> <a href=\"https:\/\/youtu.be\/T9zGcdAayNs\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/XTrSKW2eXsk\" aria-label=\"Video afspelen: Hoe een grid-rijtemplate maken voor een component\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM3 9h18M3 14h18M9 4v16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">05 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe een grid-rijtemplate maken voor een component<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je een grid-rijtemplate-app opbouwt. Je leert hoe je parameters doorgeeft vanuit de parent grid, de template-app koppelt aan een grid en de afmetingen van het paneel aanpast. Een template-app biedt dezelfde flexibiliteit als een gewone app. Er zijn geen beperkingen wat je ermee kan doen.<\/p> <a href=\"https:\/\/youtu.be\/XTrSKW2eXsk\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/k2iIyG7Fgt0\" aria-label=\"Video afspelen: Bouw een webapplicatie in minder dan 10 minuten\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">06 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Bouw een webapplicatie in minder dan 10 minuten<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je van nul een volledig functionele webapplicatie opbouwt. We bouwen zowel de gebruikersinterface als de backend-endpoints die alles aansturen. De video toont hoe je een scherm maakt met: een grid, gridfilters, een form met bewerkbare velden, een dropdownlijst met data, een ribbonmenu met standaard CRUD-acties.<\/p> <a href=\"https:\/\/youtu.be\/k2iIyG7Fgt0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/OAd9JvNBX1Q\" aria-label=\"Video afspelen: Hoe een list-endpoint maken en toepassen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 6h13M8 12h13M8 18h13M3 6h1M3 12h1M3 18h1\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">07 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe een list-endpoint maken en toepassen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je een list-endpoint maakt en toepast. Deze endpoint kan gebruikt worden in verschillende objecttypes. Hier is een overzicht: dropdown, dropdown multi, autocomplete, radioset, selectionlist, emailaddressselect.<\/p> <a href=\"https:\/\/youtu.be\/OAd9JvNBX1Q\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/h6j335t69pU\" aria-label=\"Video afspelen: Hoe gridcel- en rijattributen instellen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM3 10h18M9 10v10M15 10v10\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">08 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe gridcel- en rijattributen instellen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je cel- en rijattributen instelt op basis van je data. Je leert hoe je afbeeldingen of iconen toevoegt, kleuren toepast, knoppen invoegt, voortgangsbalken toont en data opmaakt \u2013 allemaal dynamisch.<\/p> <a href=\"https:\/\/youtu.be\/h6j335t69pU\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/guUO5DRhtts\" aria-label=\"Video afspelen: Hoe gridfilters dynamisch maken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 5h18l-7 8v6l-4 2v-8z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">09 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe gridfilters dynamisch maken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je gridfilters dynamisch kan opbouwen vanuit de griddef endpoint.<\/p> <a href=\"https:\/\/youtu.be\/guUO5DRhtts\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/-2hv2ZweSvc\" aria-label=\"Video afspelen: Hoe een treeview-grid opbouwen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h6v4H4zM10 6h4v6h4M18 10h3v4h-3zM14 12v6h4M18 16h3v4h-3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">10 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe een treeview-grid opbouwen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je een treeview-grid opbouwt. Er is geen beperking op het aantal hi\u00ebrarchieniveaus dat je kan cre\u00ebren. De interne relatie tussen parent- en child-rijen wordt vooral bepaald door twee velden: RowIdData en RowIdDataParent.<\/p> <a href=\"https:\/\/youtu.be\/-2hv2ZweSvc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/qD-FvBcfmno\" aria-label=\"Video afspelen: Hoe de program tabs personaliseren\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9h18v11H3zM3 9V5h6v4M9 5h6v4\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">11 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe de program tabs personaliseren<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je de inhoud van de program tabs kan personaliseren. Je beschikt over twee tekstregels en de tekst die je daar plaatst kan volledig worden opgemaakt en gestyled.<\/p> <a href=\"https:\/\/youtu.be\/qD-FvBcfmno\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/2Smw9VpUI_0\" aria-label=\"Video afspelen: Hoe een voortgangsbalk gebruiken die vanuit de endpoint wordt aangestuurd\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 10h18v4H3zM3 10h11v4H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">12 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe een voortgangsbalk gebruiken die vanuit de endpoint wordt aangestuurd<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je een voortgangsbalk aanstuurt vanuit een endpoint. Bij langere processen is het handig om op de frontend een voortgangsbalk te tonen \u2013 aangedreven door het WebSocket-systeem. Je kan twee types gebruiken: stap-voor-stap of oneindig, met volledige controle over de waarde, status en de weergegeven tekst.<\/p> <a href=\"https:\/\/youtu.be\/2Smw9VpUI_0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/KPGUWF7__Qo\" aria-label=\"Video afspelen: Hoe drag &amp; drop inschakelen tussen datagrids\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">13 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe drag &amp; drop inschakelen tussen datagrids<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je de drag &amp; drop-functionaliteit activeert op een grid. Je kan items laten neerzetten op hetzelfde grid of op \u00e9\u00e9n of meerdere andere datagrids.<\/p> <a href=\"https:\/\/youtu.be\/KPGUWF7__Qo\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/JWjcXqC3tzQ\" aria-label=\"Video afspelen: Hoe mobiele apps bouwen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 2h10v20H7zM11 18h2\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">14 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe mobiele apps bouwen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je mobiele apps kan bouwen.<\/p> <a href=\"https:\/\/youtu.be\/JWjcXqC3tzQ\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/yK6IPeaJz1Y\" aria-label=\"Video afspelen: Hoe de ribbonbar activeren\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v6H3zM6 7h2M10 7h2M14 7h2M3 14h18v6H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">15 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe de ribbonbar activeren<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je de ribbonbar kan activeren, gebruiken en personaliseren. Deze ribbon- of knopbalk kan op drie niveaus toegepast worden: Layout, Datagrid, Form.<\/p> <a href=\"https:\/\/youtu.be\/yK6IPeaJz1Y\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/Sv6kIxnhR-E\" aria-label=\"Video afspelen: Lookup-scherm toevoegen aan een autocomplete-\/invoerveld\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 6h12v4H3zM15 13a4 4 0 1 0-8 0a4 4 0 0 0 8 0M18 19l-3-3\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">16 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Lookup-scherm toevoegen aan een autocomplete-\/invoerveld<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je lookup-functionaliteit configureert op een autocomplete- of inputveld.<\/p> <a href=\"https:\/\/youtu.be\/Sv6kIxnhR-E\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/VNfftz0arcM\" aria-label=\"Video afspelen: Hoe dynamische velden gebruiken vanuit een endpoint\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 5h16v4H4zM4 11h10v4H4zM4 17h13v3H4z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">17 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe dynamische velden gebruiken vanuit een endpoint<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je dynamische velden gebruikt: aangemaakt via endpoints, gekoppeld aan RecordGet \/ RecordSet en werkend zoals elk ander object.<\/p> <a href=\"https:\/\/youtu.be\/VNfftz0arcM\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/LlUy2OeQV_U\" aria-label=\"Video afspelen: Hoe het countdown-object gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 7v5l3 2M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">18 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe het countdown-object gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je het countdown-object configureert en inzet.<\/p> <a href=\"https:\/\/youtu.be\/LlUy2OeQV_U\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/y7rzQHjBwck\" aria-label=\"Video afspelen: Hoe het file-upload-object gebruiken in een wizard-app\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 16V4M7 9l5-5 5 5M4 20h16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">19 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe het file-upload-object gebruiken in een wizard-app<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je het bestand-uploadobject gebruikt in een kleine wizard-toepassing.<\/p> <a href=\"https:\/\/youtu.be\/y7rzQHjBwck\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/5Mi5dkSaqlY\" aria-label=\"Video afspelen: Hoe het emailaddressselect-object gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 5h18v14H3zM3 6l9 7 9-7\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">20 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe het emailaddressselect-object gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je het EmailAddressSelect-object configureert en gebruikt.<\/p> <a href=\"https:\/\/youtu.be\/5Mi5dkSaqlY\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/ONxbo_4NGkQ\" aria-label=\"Video afspelen: Hoe het colorpicker-object gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3a9 9 0 1 0 0 18c1 0 2-1 2-2s-1-2 0-3 2 0 4 0a3 3 0 0 0 3-3c0-5-4-10-9-10\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">21 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe het colorpicker-object gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je het ColorPicker-object gebruikt.<\/p> <a href=\"https:\/\/youtu.be\/ONxbo_4NGkQ\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/GzfL-itQm3g\" aria-label=\"Video afspelen: Hoe het signature-object gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 17c3-6 5-6 6-2s3 1 5-3 4 0 2 3M3 21h18\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">22 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe het signature-object gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je het Signature-object gebruikt.<\/p> <a href=\"https:\/\/youtu.be\/GzfL-itQm3g\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/3wumawvfN9Y\" aria-label=\"Video afspelen: Hoe de HTML-editor gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 6l-6 6 6 6M16 6l6 6-6 6M14 4l-4 16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">23 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe de HTML-editor gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je het HTML-editorobject gebruikt.<\/p> <a href=\"https:\/\/youtu.be\/3wumawvfN9Y\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/z8glAk-QtKE\" aria-label=\"Video afspelen: Hoe de PDF-viewer gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 2h9l5 5v15H6zM14 2v6h6M9 13h6M9 17h6\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">24 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe de PDF-viewer gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Leer hoe je het PDF-viewerobject gebruikt om PDF-documenten te openen in je app.<\/p> <a href=\"https:\/\/youtu.be\/z8glAk-QtKE\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/_eKud6b-fRg\" aria-label=\"Video afspelen: Hoe het tiles-object gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3h8v8H3zM13 3h8v5h-8zM13 10h8v11h-8zM3 13h8v8H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">25 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe het tiles-object gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Leer hoe je het tiles-object gebruikt.<\/p> <a href=\"https:\/\/youtu.be\/_eKud6b-fRg\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/4IuvML8g7Mc\" aria-label=\"Video afspelen: Hoe het imageviewer-object gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM21 16l-5-5-9 9\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">26 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe het imageviewer-object gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je het imageviewer-object gebruikt.<\/p> <a href=\"https:\/\/youtu.be\/4IuvML8g7Mc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/zVX3ngCn2tM\" aria-label=\"Video afspelen: Hoe het map-object gebruiken\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 4L3 6v14l6-2 6 2 6-2V4l-6 2zM9 4v14M15 6v14\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">27 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Hoe het map-object gebruiken<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In deze video tonen we hoe je het map-object gebruikt.<\/p> <a href=\"https:\/\/youtu.be\/zVX3ngCn2tM\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Leer meer<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <div style=\"grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:32px 36px;border-radius:24px;background:#0A0E1A;color:#E7EAF3;border:1px solid #232C44\"> <div style=\"display:flex;flex-direction:column;gap:6px;flex:1 1 400px\"><h2 style=\"margin:0;font:700 24px Sora;color:#fff\">UIRules: bewerkbare objectattributen<\/h2><p style=\"margin:0;color:#AEB6CA\">Elke endpoint kan UIRules teruggeven via het ttRules-mechanisme. Klik op de knop hieronder om alle beschikbare attributen per object te bekijken.<\/p><\/div> <a class=\"btn btn-p\" href=\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/uirules-bewerkbare-objectattributen\/\">Leer meer<\/a> <\/div> <\/div> <div style=\"display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:24px 28px;border-radius:20px;background:#fff;border:1px solid #E3E7F0;align-self:flex-start\"> <img decoding=\"async\" src=\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/10\/Ferry.png\" alt=\"Ferry Bode\" style=\"width:64px;height:64px;border-radius:18px;object-fit:cover\"> <a href=\"https:\/\/www.linkedin.com\/in\/ferry-bode-3801792\/\" style=\"display:inline-flex;align-items:center;min-height:44px\">LinkedIn<\/a> <\/div> <\/div> <\/section> <section id=\"contact-us\" style=\"background:#F6F7FB;padding:104px 0;font-family:Inter,system-ui,sans-serif;color:#0E1424\"> <div style=\"max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:32px;align-items:stretch\"> <div style=\"background:#0A0E1A;color:#E7EAF3;border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:28px;position:relative;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px\"> <h3 style=\"margin:0;font:700 clamp(28px,3vw,40px)\/1.1 Sora,sans-serif;letter-spacing:-.02em;color:#fff\">Waarom RCD?<\/h3> <ul style=\"list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px\"> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Ontdek en benut nieuwe technische mogelijkheden<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Voldoe aan de moderne beveiligingsvereisten<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Word opnieuw competitief op de markt<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Werk apparaat-onafhankelijk<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Verlaag je ontwikkelingskosten<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>\u2026 en nog heel wat andere voordelen<\/li> <\/ul> <div style=\"margin-top:auto;height:2px;background:linear-gradient(90deg,#FF6B2C,#7C5CFF);border-radius:2px\"><\/div> <\/div> <div style=\"background:#fff;border:1px solid #E3E7F0;border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box\"><h3 style=\"margin:0;font:700 clamp(26px,2.6vw,34px)\/1.15 Sora,sans-serif;letter-spacing:-.02em\">Vragen? Interesse?<\/h3><p style=\"margin:0;color:#4A5468;line-height:1.55\">Vul het formulier hieronder in en we nemen zo snel mogelijk contact met je op!<\/p><script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_2' ><div id='gf_2' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>&quot;<span class=\"gfield_required gfield_required_asterisk\">*<\/span>&quot; geeft vereiste velden aan<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_2' id='gform_2'  action='\/nl\/wp-json\/wp\/v2\/pages\/14667#gf_2' data-formid='2' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_2_9\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_2_9'>Facebook<\/label><div class='ginput_container'><input name='input_9' id='input_2_9' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_2_9'>Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.<\/div><\/div><div id=\"field_2_1\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_2_1'>Voor- en achternaam<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_2_1' type='text' value='' class='large'    placeholder='Voor- en achternaam' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_2_7\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_2_7'>Bedrijfsnaam<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_2_7' type='text' value='' class='large'    placeholder='Bedrijfsnaam' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_2_3\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_2_3'>E-mailadres<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_3' id='input_2_3' type='email' value='' class='large'   placeholder='E-mailadres' aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_2_2\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_2_2'>Telefoonnummer<\/label><div class='ginput_container ginput_container_phone'><input name='input_2' id='input_2_2' type='tel' value='' class='large'  placeholder='Telefoonnummer'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_2_8\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_2_8'>Hoe kunnen we u helpen?<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_8' id='input_2_8' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='Een demo aanvragen' >Een demo aanvragen<\/option><option value='Prijsaanvraag' >Prijsaanvraag<\/option><option value='Technische ondersteuning nodig' >Technische ondersteuning nodig<\/option><option value='Algemene vraag' >Algemene vraag<\/option><option value='Andere' >Andere<\/option><\/select><\/div><\/div><div id=\"field_2_4\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_2_4'>Uw vraag of opmerking<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_4' id='input_2_4' class='textarea small'    placeholder='Uw vraag of opmerking' aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_2_5\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Toestemming<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_5.1' id='input_2_5_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_2_5_1' >Ik ga akkoord met de <a href=\"https:\/\/www.rapidclouddevelopment.com\/algemene-voorwaarden\/\" target=\"_blank\">algemene voorwaarden<\/a>.<span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/label><input type='hidden' name='input_5.2' value='Ik ga akkoord met de &lt;a href=&quot;https:\/\/www.rapidclouddevelopment.com\/algemene-voorwaarden\/&quot; target=&quot;_blank&quot;&gt;algemene voorwaarden&lt;\/a&gt;.' class='gform_hidden' \/><input type='hidden' name='input_5.3' value='4' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Verzenden'  \/> <input type='hidden' name='gform_ajax' value='form_id=2&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=a4b957637a3054db29e57cc2c7d0ec2a' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_2' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_2' id='gform_theme_2' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_2' id='gform_style_settings_2' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='2' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='7RCP9+qyjh8oX7clTYE4WV+11jvRNeQrbrxCPfiRR4Hwa82oUXRnmS0JfBVyUbFrYyNQhLhmMIv8Tuh8KfU2JU+Di\/PgKmRmG\/DfBPWFVaDQqy4=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_2' value='WyJ7XCI4XCI6W1wiZWRkNDkzY2ZhNTcyOTI3ZTMwZDE0OTBjNTIwNTg2ZTJcIixcImFjZGQwYjNmMGU2MzgxNGU2YzQ0NDdlODE0YWJhY2UyXCIsXCJlNjUwODcwMmE1YTVkMjQyMDk0MjMyNTI4YWI1ZDAxN1wiLFwiM2QyMGNkNzk5ODMxOTdmMjY2NDAwOWYxODg3MWQ3NjdcIixcImYzNzBkZDBiMjE4MDIwMGJkZjRkNTQxMWFlZThlMzEzXCJdLFwiNS4xXCI6XCJhNTBiMTNjOGZiNzUyZjVjYjY0NTQyOTcxYzUwMzYzM1wiLFwiNS4yXCI6XCI5NTQwM2Y1ZTQ0OTRkMzgyYjBiYTczMWJlZDQyNWIwNFwiLFwiNS4zXCI6XCI2MjU3Zjc2MzRkN2RhOTE1YWMzZmM4MWU2YzZjZWMwZlwifSIsIjEwNjRhNGJiY2MyYmMxNzU3YTRhMDI3OTM2ZGNiNDNmIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"8\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_2' id='gform_ajax_frame_2' title='Dit iframe bevat de vereiste logica om Ajax aangedreven Gravity Forms te verwerken.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https:\/\/www.rapidclouddevelopment.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_2').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https:\/\/www.rapidclouddevelopment.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"2\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_2\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_2\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_2\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 2, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n<\/div> <\/div> <\/section> <\/div> <\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Home\/Handleidingen Start snel met het RCD-framework dankzij gedetailleerde handleidingen en videotutorials Handleidingen Begin snel met stap-voor-stap tutorials die duidelijke uitleg combineren met praktische video\u2019s. Of je nu nieuw bent met het framework of geavanceerde features wil ontdekken: de handleidingen helpen je om elk aspect van Rapid Cloud Development te begrijpen, te bouwen en te beheersen. [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":7107,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-14667","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Handleidingen - Rapid Cloud Development<\/title>\n<meta name=\"description\" content=\"Praktische RCD-handleidingen met stap-voor-stap uitleg en video\u2019s voor het ontwikkelen en moderniseren van OpenEdge-applicaties.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Handleidingen - Rapid Cloud Development\" \/>\n<meta property=\"og:description\" content=\"Praktische RCD-handleidingen met stap-voor-stap uitleg en video\u2019s voor het ontwikkelen en moderniseren van OpenEdge-applicaties.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/\" \/>\n<meta property=\"og:site_name\" content=\"Rapid Cloud Development\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-21T18:51:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/\",\"name\":\"Handleidingen - Rapid Cloud Development\",\"isPartOf\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"datePublished\":\"2025-10-30T13:21:35+00:00\",\"dateModified\":\"2026-10-21T18:51:00+00:00\",\"description\":\"Praktische RCD-handleidingen met stap-voor-stap uitleg en video\u2019s voor het ontwikkelen en moderniseren van OpenEdge-applicaties.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#primaryimage\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"contentUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/elementor-13972\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Handleidingen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/#website\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/\",\"name\":\"Rapid Cloud Development\",\"description\":\"The first OpenEdge web development framework for small and medium-sized companies\",\"publisher\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/#organization\",\"name\":\"Rapid Cloud Development\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png\",\"contentUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png\",\"width\":501,\"height\":500,\"caption\":\"Rapid Cloud Development\"},\"image\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/nl\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Handleidingen - Rapid Cloud Development","description":"Praktische RCD-handleidingen met stap-voor-stap uitleg en video\u2019s voor het ontwikkelen en moderniseren van OpenEdge-applicaties.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/","og_locale":"nl_NL","og_type":"article","og_title":"Handleidingen - Rapid Cloud Development","og_description":"Praktische RCD-handleidingen met stap-voor-stap uitleg en video\u2019s voor het ontwikkelen en moderniseren van OpenEdge-applicaties.","og_url":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/","og_site_name":"Rapid Cloud Development","article_modified_time":"2026-10-21T18:51:00+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"6 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/","url":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/","name":"Handleidingen - Rapid Cloud Development","isPartOf":{"@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#primaryimage"},"image":{"@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","datePublished":"2025-10-30T13:21:35+00:00","dateModified":"2026-10-21T18:51:00+00:00","description":"Praktische RCD-handleidingen met stap-voor-stap uitleg en video\u2019s voor het ontwikkelen en moderniseren van OpenEdge-applicaties.","breadcrumb":{"@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#primaryimage","url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","contentUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/handleidingen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rapidclouddevelopment.com\/nl\/elementor-13972\/"},{"@type":"ListItem","position":2,"name":"Handleidingen"}]},{"@type":"WebSite","@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/#website","url":"https:\/\/www.rapidclouddevelopment.com\/nl\/","name":"Rapid Cloud Development","description":"The first OpenEdge web development framework for small and medium-sized companies","publisher":{"@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rapidclouddevelopment.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/#organization","name":"Rapid Cloud Development","url":"https:\/\/www.rapidclouddevelopment.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png","contentUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png","width":501,"height":500,"caption":"Rapid Cloud Development"},"image":{"@id":"https:\/\/www.rapidclouddevelopment.com\/nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/pages\/14667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/comments?post=14667"}],"version-history":[{"count":6,"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/pages\/14667\/revisions"}],"predecessor-version":[{"id":17734,"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/pages\/14667\/revisions\/17734"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/media\/7107"}],"wp:attachment":[{"href":"https:\/\/www.rapidclouddevelopment.com\/nl\/wp-json\/wp\/v2\/media?parent=14667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}