RDK | Entertainment & Connectivity<\/title>\n\n <style>\n .nav-side-menu .is-top{\n display: none !important;\n }\n .tabbar {\n display: flex;\n gap: 10px;\n border-bottom: 1px solid #e0e0e0;\n margin: 0 0 16px 0;\n padding: 0 0 6px 0;\n justify-content: center;\n }\n .tabbar .tab-btn {\n appearance: none;\n border: 1px solid #ffff;\n background: #fff;\n padding: 10px 14px;\n font: 600 16px\/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n cursor: pointer;\n color: #1f2937;\n border-radius: 6px;\n transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;\n position: relative;\n }\n .tabbar .tab-btn:hover {\n background: #f7f7f7;\n border-color: #e5e7eb;\n }\n .tabbar .tab-btn:focus-visible {\n outline: none;\n \/* box-shadow: 0 0 0 3px rgba(26,115,232,.25); *\/\n }\n .tabbar .tab-btn.is-active {\n color: #ffffff;\n background: #007bff;\n }\n\n .tabbar .tab-btn.is-active::after {\n content: \"\";\n position: absolute;\n left: 0; right: 0; bottom: -7px;\n height: 3px;\n background: #007bff;\n border-radius: 2px;\n }\n\n \/* Panels *\/\n [role=\"tabpanel\"][hidden] { display: none; }\n\n \/* --- Common UI styles (shared) --- *\/\n .oc-documentation-card-s {\n position: relative;\n flex-direction: column !important;\n display: flex !important;\n margin-block-end: 1rem !important;\n display: flex;\n align-items: center;\n border: 0.1px solid #d7d7d7;\n box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);\n margin-bottom: 0.5rem;\n }\n .oc-documentation-card-s:hover {\n border: 3px solid #d7d7d7;\n }\n .support {\n position: relative;\n flex-direction: column !important;\n display: flex !important;\n margin-block-end: 1rem !important;\n border: 0.1px solid #d7d7d7;\n box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);\n border-radius: 30;\n margin-bottom: 0.5rem;\n align-items: center;\n }\n .ui-card {\n position: relative;\n text-align: center;\n flex-direction: column !important;\n display: flex !important;\n margin-block-end: 1rem !important;\n align-items: center;\n border: 0.1px solid #d7d7d7;\n box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);\n margin-bottom: 0.5rem;\n background-color: #F5F5F5;\n }\n input[type][value] {\n background-image: none !important;\n background: none !important;\n }\n .support .columnMacro.conf-macro.output-block p {\n padding: 10px;\n }\n\n <\/style>\n<\/head>\n<body>\n\n \n <nav class=\"tabbar\" role=\"tablist\" aria-label=\"Sections\">\n <button id=\"entertainment-tab\"\n class=\"tab-btn is-active\"\n role=\"tab\"\n aria-selected=\"true\"\n aria-controls=\"entertainment-panel\">\n Entertainment\n <\/button>\n <button id=\"connectivity-tab\"\n class=\"tab-btn\"\n role=\"tab\"\n aria-selected=\"false\"\n aria-controls=\"connectivity-panel\">\n Connectivity\n <\/button>\n <\/nav>\n\n \n <section id=\"entertainment-panel\" role=\"tabpanel\" aria-labelledby=\"entertainment-tab\">\n <div class=\"contentLayout2\">\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout two-right-sidebar\" data-layout=\"two-right-sidebar\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <p><span>The user interface is the first thing consumers interact with on any video device.<br \/>\n With RDK, you can use the built-in open-source UI built on Lightning\u2122, or develop a custom experience.<\/span><\/p>\n <\/div>\n <\/div>\n <div class=\"cell aside\" data-type=\"aside\">\n <div class=\"innerCell\">\n <div class=\"confluence-information-macro has-no-icon confluence-information-macro-information conf-macro output-block\"\n data-hasbody=\"true\" data-macro-name=\"info\">\n <div class=\"confluence-information-macro-body\">\n <div class=\"toc-macro client-side-toc-macro conf-macro output-block\" data-headerelements=\"H1\"\n data-hasbody=\"false\" data-macro-name=\"toc\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <figure class=\"wp-block-image\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/20\/2024\/09\/RDK_UX_HOME_AMAZON_FEATURED-1536x1000.png\" alt=\"RDK UX Home\">\n <\/figure>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <p>To see RDK\u2019s built-in UI in action, watch the recording below:<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <div class=\"embeddedObject conf-macro output-block\" data-hasbody=\"false\" data-macro-name=\"multimedia\">\n \n <figure class=\"wp-block-video\">\n <video controls>\n <source src=\"\/wp-content\/uploads\/sites\/20\/2024\/09\/RDK-UI.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/figure>\n \n <p> <\/p>\n\n <div class=\"columnLayout three-equal\" data-layout=\"three-equal\">\n <div class=\"card interaction col plat-Wrapper plat-item plat-item-151 col col-12 col-sm-12 col-md-12\"\n style=\"padding: 10px !important; margin-bottom: 20px;\">\n <div class=\"row\">\n <div class=\"col-sm-9\">\n \n <div class=\"description\">\n <div class=\"rich-text\">\n <p>\n Ready to try RDK for yourself?<br \/>\n You can get started using a Raspberry Pi, where a port of RDK is available.<br \/>\n Follow our step-by-step guide\n <a href=\"https:\/\/developer.rdkcentral.com\/preview-rdk\/preview-rdk\/preview_rdk_video\/try_out_rdk_entertainment\/\" class=\"broken_link\">here<\/a><br \/>\n to bring up RDK on your device and start exploring the platform firsthand.\n <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <div class=\"support conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"div\">\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\"> \n <\/div>\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\">\n <p><strong><em>Help & Support<\/em><\/strong><\/p>\n <p><em>Still not able to find what you are looking for? Please reach out to RDK Support by\n sending an email to <\/em><a href=\"mailto:support@rdkcentral.com\"><strong><em>support@rdkcentral.com<\/em><\/strong><\/a><em>.<\/em><\/p>\n <\/div>\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\"> <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"connectivity-panel\" role=\"tabpanel\" aria-labelledby=\"connectivity-tab\" hidden>\n <div class=\"contentLayout2\">\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout two-right-sidebar\" data-layout=\"two-right-sidebar\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <p><span>The RDK Connectivity stack provides a wide range of easily configurable options to support various features.\n <\/span><\/p>\n <p>A quick look at the RDK-Connectivity user interface clearly demonstrates this<\/p>\n <\/div>\n <\/div>\n <div class=\"cell aside\" data-type=\"aside\">\n <div class=\"innerCell\">\n <div class=\"confluence-information-macro has-no-icon confluence-information-macro-information conf-macro output-block\"\n data-hasbody=\"true\" data-macro-name=\"info\">\n <div class=\"confluence-information-macro-body\">\n <div class=\"toc-macro client-side-toc-macro conf-macro output-block\" data-headerelements=\"H1\"\n data-hasbody=\"false\" data-macro-name=\"toc\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n \n <figure class=\"wp-block-video\">\n <video width=\"100%\" height=\"auto\" controls>\n <source src=\"https:\/\/wiki.rdkcentral.com\/download\/attachments\/458841390\/RDKB_UI.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/figure>\n \n <p><span> <\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <p>For the first time installation & configuration, RDK also offers a user friendly captive portal<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <div class=\"embeddedObject conf-macro output-block\" data-hasbody=\"false\" data-macro-name=\"multimedia\">\n \n <figure class=\"wp-block-video\">\n <video width=\"100%\" height=\"auto\" controls>\n <source src=\"https:\/\/wiki.rdkcentral.com\/download\/attachments\/458841390\/CaptivePortal.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/figure>\n \n <\/div>\n <p><em><\/em><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout three-equal\" data-layout=\"three-equal\">\n <div class=\"card interaction col plat-Wrapper plat-item plat-item-151 col col-12 col-sm-12 col-md-12\"\n style=\"padding: 10px !important; margin-bottom: 20px;\">\n <div class=\"row\">\n <div class=\"col-sm-9\">\n <div class=\"description\">\n <div class=\"rich-text\">\n <p>\n Ready to try RDK for yourself?<br>\n You can get started using a Banana Pi, where a port of RDK is available.<br>\n Follow our step-by-step guide\n <a href=\"https:\/\/developer.rdkcentral.com\/preview-rdk\/preview-rdk\/preview_rdk_broadband\/try_out_rdk_connectivity\/\">here<\/a>\n to bring up RDK on your device and start exploring the platform firsthand.\n <\/p>\n <\/div>\n <p class=\"empty-p\"><\/p>\n <\/div>\n <p class=\"empty-p\"><\/p>\n <\/div>\n <p class=\"empty-p\"><\/p>\n <\/div>\n <p class=\"empty-p\"><\/p>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <div class=\"support conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"div\">\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\">\n <\/div>\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\">\n <p><strong><span><em>Help & Support<\/em><\/span><\/strong><\/p>\n <p><em><span>Still not able to find what you are looking for? Please reach out to RDK Support by\n sending an email to <\/span><\/em><a href=\"mailto:support@rdkcentral.com\"><strong><em><span>support@rdkcentral.com<\/span><\/em><\/strong><\/a><em><span>\n .<\/span><\/em><\/p>\n <\/div>\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <script>\n (function () {\n const entertainmentTab = document.getElementById('entertainment-tab');\n const connectivityTab = document.getElementById('connectivity-tab');\n const entertainmentPanel = document.getElementById('entertainment-panel');\n const connectivityPanel = document.getElementById('connectivity-panel');\n\n function activate(which) {\n const isEntertainment = which === 'entertainment';\n entertainmentTab.classList.toggle('is-active', isEntertainment);\n connectivityTab.classList.toggle('is-active', !isEntertainment);\n\n entertainmentTab.setAttribute('aria-selected', String(isEntertainment));\n connectivityTab.setAttribute('aria-selected', String(!isEntertainment));\n\n entertainmentPanel.hidden = !isEntertainment;\n connectivityPanel.hidden = isEntertainment;\n }\n\n entertainmentTab.addEventListener('click', function () { activate('entertainment'); });\n connectivityTab.addEventListener('click', function () { activate('connectivity'); });\n\n document.querySelector('.tabbar').addEventListener('keydown', function (e) {\n if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n const isOnEntertainment = document.activeElement === entertainmentTab;\n const target = (e.key === 'ArrowRight')\n ? (isOnEntertainment ? connectivityTab : entertainmentTab)\n : (isOnEntertainment ? connectivityTab : entertainmentTab);\n target.focus();\n target.click();\n e.preventDefault();\n }\n });\n\n activate('entertainment');\n }());\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>RDK | Entertainment & Connectivity Entertainment Connectivity The user interface is the first thing consumers […]<\/p>\n","protected":false},"author":659,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"fullwidth.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Preview RDK - RDK Documentation Portal | Preview RDK<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Preview RDK - RDK Documentation Portal | Preview RDK\" \/>\n<meta property=\"og:description\" content=\"RDK | Entertainment & Connectivity Entertainment Connectivity The user interface is the first thing consumers […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\" \/>\n<meta property=\"og:site_name\" content=\"RDK Documentation Portal | Preview RDK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T05:56:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\",\"url\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\",\"name\":\"Preview RDK - RDK Documentation Portal | Preview RDK\",\"isPartOf\":{\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/#website\"},\"datePublished\":\"2023-01-16T09:28:59+00:00\",\"dateModified\":\"2026-03-05T05:56:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Preview RDK\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/#website\",\"url\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\",\"name\":\"RDK Documentation Portal | Preview RDK\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Preview RDK - RDK Documentation Portal | Preview RDK","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:\/\/developer.rdkcentral.com\/preview-rdk\/","og_locale":"en_US","og_type":"article","og_title":"Preview RDK - RDK Documentation Portal | Preview RDK","og_description":"RDK | Entertainment & Connectivity Entertainment Connectivity The user interface is the first thing consumers […]","og_url":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","og_site_name":"RDK Documentation Portal | Preview RDK","article_modified_time":"2026-03-05T05:56:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","url":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","name":"Preview RDK - RDK Documentation Portal | Preview RDK","isPartOf":{"@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/#website"},"datePublished":"2023-01-16T09:28:59+00:00","dateModified":"2026-03-05T05:56:23+00:00","breadcrumb":{"@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developer.rdkcentral.com\/preview-rdk\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/developer.rdkcentral.com\/preview-rdk\/"},{"@type":"ListItem","position":2,"name":"Preview RDK"}]},{"@type":"WebSite","@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/#website","url":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","name":"RDK Documentation Portal | Preview RDK","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developer.rdkcentral.com\/preview-rdk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/users\/659"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":67,"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/pages\/62\/revisions\/416"}],"wp:attachment":[{"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":62,"date":"2023-01-16T09:28:59","date_gmt":"2023-01-16T09:28:59","guid":{"rendered":"https:\/\/developer.rdkcentral.com\/preview-rdk\/preview_rdk\/preview_rdk_video\/"},"modified":"2026-03-05T05:56:23","modified_gmt":"2026-03-05T05:56:23","slug":"preview-rdk","status":"publish","type":"page","link":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","title":{"rendered":"Preview RDK"},"content":{"rendered":"\n\n\n \n RDK | Entertainment & Connectivity<\/title>\n\n <style>\n .nav-side-menu .is-top{\n display: none !important;\n }\n .tabbar {\n display: flex;\n gap: 10px;\n border-bottom: 1px solid #e0e0e0;\n margin: 0 0 16px 0;\n padding: 0 0 6px 0;\n justify-content: center;\n }\n .tabbar .tab-btn {\n appearance: none;\n border: 1px solid #ffff;\n background: #fff;\n padding: 10px 14px;\n font: 600 16px\/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n cursor: pointer;\n color: #1f2937;\n border-radius: 6px;\n transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;\n position: relative;\n }\n .tabbar .tab-btn:hover {\n background: #f7f7f7;\n border-color: #e5e7eb;\n }\n .tabbar .tab-btn:focus-visible {\n outline: none;\n \/* box-shadow: 0 0 0 3px rgba(26,115,232,.25); *\/\n }\n .tabbar .tab-btn.is-active {\n color: #ffffff;\n background: #007bff;\n }\n\n .tabbar .tab-btn.is-active::after {\n content: \"\";\n position: absolute;\n left: 0; right: 0; bottom: -7px;\n height: 3px;\n background: #007bff;\n border-radius: 2px;\n }\n\n \/* Panels *\/\n [role=\"tabpanel\"][hidden] { display: none; }\n\n \/* --- Common UI styles (shared) --- *\/\n .oc-documentation-card-s {\n position: relative;\n flex-direction: column !important;\n display: flex !important;\n margin-block-end: 1rem !important;\n display: flex;\n align-items: center;\n border: 0.1px solid #d7d7d7;\n box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);\n margin-bottom: 0.5rem;\n }\n .oc-documentation-card-s:hover {\n border: 3px solid #d7d7d7;\n }\n .support {\n position: relative;\n flex-direction: column !important;\n display: flex !important;\n margin-block-end: 1rem !important;\n border: 0.1px solid #d7d7d7;\n box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);\n border-radius: 30;\n margin-bottom: 0.5rem;\n align-items: center;\n }\n .ui-card {\n position: relative;\n text-align: center;\n flex-direction: column !important;\n display: flex !important;\n margin-block-end: 1rem !important;\n align-items: center;\n border: 0.1px solid #d7d7d7;\n box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);\n margin-bottom: 0.5rem;\n background-color: #F5F5F5;\n }\n input[type][value] {\n background-image: none !important;\n background: none !important;\n }\n .support .columnMacro.conf-macro.output-block p {\n padding: 10px;\n }\n\n <\/style>\n<\/head>\n<body>\n\n \n <nav class=\"tabbar\" role=\"tablist\" aria-label=\"Sections\">\n <button id=\"entertainment-tab\"\n class=\"tab-btn is-active\"\n role=\"tab\"\n aria-selected=\"true\"\n aria-controls=\"entertainment-panel\">\n Entertainment\n <\/button>\n <button id=\"connectivity-tab\"\n class=\"tab-btn\"\n role=\"tab\"\n aria-selected=\"false\"\n aria-controls=\"connectivity-panel\">\n Connectivity\n <\/button>\n <\/nav>\n\n \n <section id=\"entertainment-panel\" role=\"tabpanel\" aria-labelledby=\"entertainment-tab\">\n <div class=\"contentLayout2\">\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout two-right-sidebar\" data-layout=\"two-right-sidebar\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <p><span>The user interface is the first thing consumers interact with on any video device.<br \/>\n With RDK, you can use the built-in open-source UI built on Lightning\u2122, or develop a custom experience.<\/span><\/p>\n <\/div>\n <\/div>\n <div class=\"cell aside\" data-type=\"aside\">\n <div class=\"innerCell\">\n <div class=\"confluence-information-macro has-no-icon confluence-information-macro-information conf-macro output-block\"\n data-hasbody=\"true\" data-macro-name=\"info\">\n <div class=\"confluence-information-macro-body\">\n <div class=\"toc-macro client-side-toc-macro conf-macro output-block\" data-headerelements=\"H1\"\n data-hasbody=\"false\" data-macro-name=\"toc\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <figure class=\"wp-block-image\">\n <img decoding=\"async\" src=\"\/wp-content\/uploads\/sites\/20\/2024\/09\/RDK_UX_HOME_AMAZON_FEATURED-1536x1000.png\" alt=\"RDK UX Home\">\n <\/figure>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <p>To see RDK\u2019s built-in UI in action, watch the recording below:<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <div class=\"embeddedObject conf-macro output-block\" data-hasbody=\"false\" data-macro-name=\"multimedia\">\n \n <figure class=\"wp-block-video\">\n <video controls>\n <source src=\"\/wp-content\/uploads\/sites\/20\/2024\/09\/RDK-UI.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/figure>\n \n <p> <\/p>\n\n <div class=\"columnLayout three-equal\" data-layout=\"three-equal\">\n <div class=\"card interaction col plat-Wrapper plat-item plat-item-151 col col-12 col-sm-12 col-md-12\"\n style=\"padding: 10px !important; margin-bottom: 20px;\">\n <div class=\"row\">\n <div class=\"col-sm-9\">\n \n <div class=\"description\">\n <div class=\"rich-text\">\n <p>\n Ready to try RDK for yourself?<br \/>\n You can get started using a Raspberry Pi, where a port of RDK is available.<br \/>\n Follow our step-by-step guide\n <a href=\"https:\/\/developer.rdkcentral.com\/preview-rdk\/preview-rdk\/preview_rdk_video\/try_out_rdk_entertainment\/\" class=\"broken_link\">here<\/a><br \/>\n to bring up RDK on your device and start exploring the platform firsthand.\n <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <p class=\"empty-p\"> <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <div class=\"support conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"div\">\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\"> \n <\/div>\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\">\n <p><strong><em>Help & Support<\/em><\/strong><\/p>\n <p><em>Still not able to find what you are looking for? Please reach out to RDK Support by\n sending an email to <\/em><a href=\"mailto:support@rdkcentral.com\"><strong><em>support@rdkcentral.com<\/em><\/strong><\/a><em>.<\/em><\/p>\n <\/div>\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\"> <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"connectivity-panel\" role=\"tabpanel\" aria-labelledby=\"connectivity-tab\" hidden>\n <div class=\"contentLayout2\">\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout two-right-sidebar\" data-layout=\"two-right-sidebar\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <p><span>The RDK Connectivity stack provides a wide range of easily configurable options to support various features.\n <\/span><\/p>\n <p>A quick look at the RDK-Connectivity user interface clearly demonstrates this<\/p>\n <\/div>\n <\/div>\n <div class=\"cell aside\" data-type=\"aside\">\n <div class=\"innerCell\">\n <div class=\"confluence-information-macro has-no-icon confluence-information-macro-information conf-macro output-block\"\n data-hasbody=\"true\" data-macro-name=\"info\">\n <div class=\"confluence-information-macro-body\">\n <div class=\"toc-macro client-side-toc-macro conf-macro output-block\" data-headerelements=\"H1\"\n data-hasbody=\"false\" data-macro-name=\"toc\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n \n <figure class=\"wp-block-video\">\n <video width=\"100%\" height=\"auto\" controls>\n <source src=\"https:\/\/wiki.rdkcentral.com\/download\/attachments\/458841390\/RDKB_UI.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/figure>\n \n <p><span> <\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <p>For the first time installation & configuration, RDK also offers a user friendly captive portal<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <div class=\"embeddedObject conf-macro output-block\" data-hasbody=\"false\" data-macro-name=\"multimedia\">\n \n <figure class=\"wp-block-video\">\n <video width=\"100%\" height=\"auto\" controls>\n <source src=\"https:\/\/wiki.rdkcentral.com\/download\/attachments\/458841390\/CaptivePortal.mp4\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/figure>\n \n <\/div>\n <p><em><\/em><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout three-equal\" data-layout=\"three-equal\">\n <div class=\"card interaction col plat-Wrapper plat-item plat-item-151 col col-12 col-sm-12 col-md-12\"\n style=\"padding: 10px !important; margin-bottom: 20px;\">\n <div class=\"row\">\n <div class=\"col-sm-9\">\n <div class=\"description\">\n <div class=\"rich-text\">\n <p>\n Ready to try RDK for yourself?<br>\n You can get started using a Banana Pi, where a port of RDK is available.<br>\n Follow our step-by-step guide\n <a href=\"https:\/\/developer.rdkcentral.com\/preview-rdk\/preview-rdk\/preview_rdk_broadband\/try_out_rdk_connectivity\/\">here<\/a>\n to bring up RDK on your device and start exploring the platform firsthand.\n <\/p>\n <\/div>\n <p class=\"empty-p\"><\/p>\n <\/div>\n <p class=\"empty-p\"><\/p>\n <\/div>\n <p class=\"empty-p\"><\/p>\n <\/div>\n <p class=\"empty-p\"><\/p>\n <\/div>\n <\/div>\n\n <div class=\"columnLayout single\" data-layout=\"single\">\n <div class=\"cell normal\" data-type=\"normal\">\n <div class=\"innerCell\">\n <div class=\"support conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"div\">\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\">\n <\/div>\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\">\n <p><strong><span><em>Help & Support<\/em><\/span><\/strong><\/p>\n <p><em><span>Still not able to find what you are looking for? Please reach out to RDK Support by\n sending an email to <\/span><\/em><a href=\"mailto:support@rdkcentral.com\"><strong><em><span>support@rdkcentral.com<\/span><\/em><\/strong><\/a><em><span>\n .<\/span><\/em><\/p>\n <\/div>\n <div class=\"columnMacro conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"column\">\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <script>\n (function () {\n const entertainmentTab = document.getElementById('entertainment-tab');\n const connectivityTab = document.getElementById('connectivity-tab');\n const entertainmentPanel = document.getElementById('entertainment-panel');\n const connectivityPanel = document.getElementById('connectivity-panel');\n\n function activate(which) {\n const isEntertainment = which === 'entertainment';\n entertainmentTab.classList.toggle('is-active', isEntertainment);\n connectivityTab.classList.toggle('is-active', !isEntertainment);\n\n entertainmentTab.setAttribute('aria-selected', String(isEntertainment));\n connectivityTab.setAttribute('aria-selected', String(!isEntertainment));\n\n entertainmentPanel.hidden = !isEntertainment;\n connectivityPanel.hidden = isEntertainment;\n }\n\n entertainmentTab.addEventListener('click', function () { activate('entertainment'); });\n connectivityTab.addEventListener('click', function () { activate('connectivity'); });\n\n document.querySelector('.tabbar').addEventListener('keydown', function (e) {\n if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n const isOnEntertainment = document.activeElement === entertainmentTab;\n const target = (e.key === 'ArrowRight')\n ? (isOnEntertainment ? connectivityTab : entertainmentTab)\n : (isOnEntertainment ? connectivityTab : entertainmentTab);\n target.focus();\n target.click();\n e.preventDefault();\n }\n });\n\n activate('entertainment');\n }());\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>RDK | Entertainment & Connectivity Entertainment Connectivity The user interface is the first thing consumers […]<\/p>\n","protected":false},"author":659,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"fullwidth.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Preview RDK - RDK Documentation Portal | Preview RDK<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Preview RDK - RDK Documentation Portal | Preview RDK\" \/>\n<meta property=\"og:description\" content=\"RDK | Entertainment & Connectivity Entertainment Connectivity The user interface is the first thing consumers […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\" \/>\n<meta property=\"og:site_name\" content=\"RDK Documentation Portal | Preview RDK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T05:56:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\",\"url\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\",\"name\":\"Preview RDK - RDK Documentation Portal | Preview RDK\",\"isPartOf\":{\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/#website\"},\"datePublished\":\"2023-01-16T09:28:59+00:00\",\"dateModified\":\"2026-03-05T05:56:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Preview RDK\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/#website\",\"url\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/\",\"name\":\"RDK Documentation Portal | Preview RDK\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/developer.rdkcentral.com\/preview-rdk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Preview RDK - RDK Documentation Portal | Preview RDK","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:\/\/developer.rdkcentral.com\/preview-rdk\/","og_locale":"en_US","og_type":"article","og_title":"Preview RDK - RDK Documentation Portal | Preview RDK","og_description":"RDK | Entertainment & Connectivity Entertainment Connectivity The user interface is the first thing consumers […]","og_url":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","og_site_name":"RDK Documentation Portal | Preview RDK","article_modified_time":"2026-03-05T05:56:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","url":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","name":"Preview RDK - RDK Documentation Portal | Preview RDK","isPartOf":{"@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/#website"},"datePublished":"2023-01-16T09:28:59+00:00","dateModified":"2026-03-05T05:56:23+00:00","breadcrumb":{"@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/developer.rdkcentral.com\/preview-rdk\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/developer.rdkcentral.com\/preview-rdk\/"},{"@type":"ListItem","position":2,"name":"Preview RDK"}]},{"@type":"WebSite","@id":"https:\/\/developer.rdkcentral.com\/preview-rdk\/#website","url":"https:\/\/developer.rdkcentral.com\/preview-rdk\/","name":"RDK Documentation Portal | Preview RDK","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/developer.rdkcentral.com\/preview-rdk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/users\/659"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":67,"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/pages\/62\/revisions\/416"}],"wp:attachment":[{"href":"https:\/\/developer.rdkcentral.com\/preview-rdk\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}