CINXE.COM

Search | Samsung Developer

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <title>Search | Samsung Developer</title> <link rel="canonical" href="/search" /> <meta name="description" content=""> <meta name="author" content=""> <meta name="keywords" content=""> <!-- Open Graph tags --> <meta property="og:site_name" content="Samsung Developer"> <meta property="og:title" content="Search | Samsung Developer"> <meta property="og:description" content="The world runs on you."> <meta property="og:type" content="website"> <meta property="og:url" content="/search"> <meta property="og:locale" content="en_US"> <meta property="og:image" content="https://d3unf4s5rp9dfh.cloudfront.net/public/img/common/SNS_1280x630.png"> <!-- Twitter card tags --> <meta name="twitter:site" content="@samsung_dev"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Search | Samsung Developer"> <meta name="twitter:description" content="The world runs on you."> <meta name="twitter:domain" content="http://developer.samsung.com/"> <meta property="twitter:image" content="https://d3unf4s5rp9dfh.cloudfront.net/public/img/common/SNS_1280x630.png"> <link rel="icon" type="image/png" href="https://d3unf4s5rp9dfh.cloudfront.net/public/favicon-2023.ico" /> <link rel="manifest" href="https://d3unf4s5rp9dfh.cloudfront.net/public/manifest.json" /> <meta name="google-site-verification" content="" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta name="theme-color" content="#000000" /> <meta name="csrf-token" content=""/> <meta name="user-locale" content="SGP"/> <meta name="user-country" content="SG"/> <meta name="user-lang" content="*"/> <meta name="env" content="production"/> <link rel="preload" href="https://d3unf4s5rp9dfh.cloudfront.net/public/fonts/SamsungOne-400.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="https://d3unf4s5rp9dfh.cloudfront.net/public/fonts/SamsungOne-700.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="https://d3unf4s5rp9dfh.cloudfront.net/public/fonts/SamsungSharpSans-Bold.woff" as="font" type="font/woff2" crossorigin="anonymous" /> <link rel="preload" href="https://d3unf4s5rp9dfh.cloudfront.net/public/fonts/SamsungSharpSans-Medium.woff" as="font" type="font/woff2" crossorigin="anonymous" /> <link rel="preload" href="https://d3unf4s5rp9dfh.cloudfront.net/public/fonts/SamsungOneKorean-400.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> <link rel="preload" href="https://d3unf4s5rp9dfh.cloudfront.net/public/fonts/SamsungOneKorean-700.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> <link rel="preload" href="https://d3unf4s5rp9dfh.cloudfront.net/public/fonts/SamsungSharpSans-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous" /> <link rel="stylesheet" href="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/css/sdp.vendors.min.css"/> <link rel="stylesheet" href="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/css/sdp.global.min.css"/> <link rel="stylesheet" href="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/css/sdp.app.min.css"/> <link rel="stylesheet" href="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/css/sdp.docs.min.css"/> <script type="text/javascript" src="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/js/sdp.vendors.min.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=GTM-THSQV3D"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GTM-THSQV3D'); </script> <!-- Start External Google Tags for tracking login flow --> <!-- End: External Google Tags for tracking login flow --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THSQV3D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Start External Google Tags for tracking login flow --> <div id="app" attr-url="/search" attr-ga-enabled="1" attr-cms=""> <div class="wrapper"> <header class="sdp-header doc" data-target="header" translate="no" data-component="true"> <div class="header-global-nav"> <!-- Logo, Utility Menu --> <div class="global-nav-top-box"> <div class="global-nav-top"> <i role="button" class="global-nav-menu" data-target="gnb"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 4.125H2" stroke="#1E1E1E" stroke-width="1.5"></path> <path d="M2 10.125H18" stroke="#1E1E1E" stroke-width="1.5"></path> <path d="M18 16.125H2" stroke="#1E1E1E" stroke-width="1.5"></path> </svg> </i> <a class="global-nav-logo" href="/"> <svg width="180" height="24" viewBox="0 0 180 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1_13833)"> <path d="M5.184 18.43C2.826 18.43 1.26 17.422 0.054 16.072L2.286 14.308C2.952 15.46 3.96 16.09 5.166 16.09C6.462 16.09 7.164 15.244 7.164 14.326C7.164 13.228 5.814 12.868 4.428 12.436C2.646 11.86 0.702 11.194 0.702 8.692C0.702 6.586 2.538 4.93 5.058 4.93C7.164 4.93 8.406 5.74 9.468 6.838L7.452 8.368C6.894 7.522 6.102 7.108 5.076 7.108C3.87 7.108 3.24 7.756 3.24 8.602C3.24 9.664 4.482 9.97 5.922 10.456C7.704 11.032 9.72 11.824 9.72 14.344C9.72 16.414 8.064 18.43 5.184 18.43ZM15.9503 18.466C13.4123 18.466 10.7663 16.45 10.7663 12.994C10.7663 9.502 13.3223 7.504 15.9863 7.504C17.3723 7.504 18.5963 8.062 19.3703 8.98V7.72H21.8003V18.25H19.3703V16.882C18.5963 17.872 17.3363 18.466 15.9503 18.466ZM16.3463 16.234C18.1643 16.234 19.4962 14.776 19.4962 12.958C19.4962 11.158 18.1643 9.718 16.3463 9.718C14.5463 9.718 13.1603 11.14 13.1603 12.958C13.1603 14.794 14.5463 16.234 16.3463 16.234ZM23.2723 18.25V7.72H25.6843V8.944C26.3503 8.062 27.3943 7.504 28.6903 7.504C30.3463 7.504 31.4803 8.17 32.1103 9.322C32.8303 8.224 34.0543 7.504 35.5663 7.504C38.4283 7.504 39.8503 9.16 39.8503 11.914V18.25H37.3663V12.112C37.3663 10.582 36.5923 9.61 35.0803 9.61C33.7663 9.61 32.7583 10.51 32.7583 12.364V18.25H30.2923V12.04C30.2923 10.528 29.5363 9.61 28.0783 9.61C26.7103 9.61 25.7023 10.546 25.7023 12.418V18.25H23.2723ZM45.1972 18.466C42.8392 18.466 41.3632 17.566 40.5172 15.91L42.7672 14.83C43.2712 15.82 44.1532 16.36 45.3052 16.36C46.5112 16.36 47.1052 15.784 47.1052 15.082C47.1052 14.308 45.9352 14.164 44.6392 13.876C42.8392 13.498 40.9492 12.922 40.9492 10.708C40.9492 9.016 42.5872 7.486 45.0892 7.486C47.2312 7.486 48.5812 8.314 49.3912 9.664L47.3212 10.708C46.8892 9.97 46.0972 9.502 45.0892 9.502C43.9372 9.502 43.3972 10.042 43.3972 10.636C43.3972 11.338 44.2252 11.518 45.8092 11.86C47.5372 12.202 49.5172 12.814 49.5172 15.028C49.5172 16.504 48.2032 18.466 45.1972 18.466ZM59.9517 7.72V18.25H57.5397V17.044C56.8737 17.926 55.8657 18.466 54.5157 18.466C51.9957 18.466 50.4657 16.828 50.4657 13.966V7.72H52.9317V13.714C52.9317 15.352 53.6517 16.36 55.1817 16.36C56.5317 16.36 57.5217 15.352 57.5217 13.498V7.72H59.9517ZM61.452 18.25V7.72H63.864V9.016C64.566 8.098 65.646 7.504 67.014 7.504C69.66 7.504 71.19 9.142 71.19 12.004V18.25H68.724V12.256C68.724 10.618 67.932 9.61 66.348 9.61C64.962 9.61 63.882 10.618 63.882 12.472V18.25H61.452ZM80.8765 18.07V16.846C80.1025 17.854 78.8605 18.466 77.4385 18.466C74.9005 18.466 72.2545 16.45 72.2545 12.994C72.2545 9.502 74.8105 7.504 77.4745 7.504C78.8605 7.504 80.0845 8.116 80.8585 9.07V7.72H83.2885V17.98C83.2885 20.932 81.3985 23.344 77.8525 23.344C75.1165 23.344 73.4065 22.066 72.4525 20.32L74.6125 19.006C75.3865 20.428 76.2145 21.112 77.8885 21.112C79.7245 21.112 80.8765 19.672 80.8765 18.07ZM77.8345 16.234C79.6525 16.234 80.9845 14.776 80.9845 12.958C80.9845 11.158 79.6525 9.718 77.8345 9.718C76.0345 9.718 74.6485 11.14 74.6485 12.958C74.6485 14.794 76.0345 16.234 77.8345 16.234ZM89.174 18.25V5.11H92.756C97.184 5.11 99.704 7.954 99.704 11.68C99.704 15.424 96.86 18.25 92.864 18.25H89.174ZM92.468 7.378H91.622V15.982H92.576C95.456 15.982 97.256 14.128 97.256 11.68C97.256 9.16 95.726 7.378 92.468 7.378ZM106.012 18.466C102.7 18.466 100.45 16.054 100.45 13.012C100.45 9.934 102.844 7.504 105.922 7.504C109.054 7.504 111.34 9.808 111.34 12.922V13.84H102.772C103.114 15.334 104.284 16.324 106.012 16.324C107.38 16.324 108.424 15.604 108.928 14.47L110.926 15.622C110.008 17.332 108.388 18.466 106.012 18.466ZM105.922 9.646C104.464 9.646 103.33 10.51 102.898 11.806H108.874C108.514 10.384 107.434 9.646 105.922 9.646ZM115.182 18.25L111.168 7.72H113.706L116.424 15.136L119.088 7.72H121.59L117.63 18.25H115.182ZM126.895 18.466C123.583 18.466 121.333 16.054 121.333 13.012C121.333 9.934 123.727 7.504 126.805 7.504C129.937 7.504 132.223 9.808 132.223 12.922V13.84H123.655C123.997 15.334 125.167 16.324 126.895 16.324C128.263 16.324 129.307 15.604 129.811 14.47L131.809 15.622C130.891 17.332 129.271 18.466 126.895 18.466ZM126.805 9.646C125.347 9.646 124.213 10.51 123.781 11.806H129.757C129.397 10.384 128.317 9.646 126.805 9.646ZM133.311 18.25V4.93H135.759V18.25H133.311ZM142.273 18.466C139.231 18.466 136.819 16.018 136.819 12.994C136.819 9.916 139.231 7.504 142.273 7.504C145.297 7.504 147.727 9.916 147.727 12.994C147.727 16.018 145.297 18.466 142.273 18.466ZM142.273 16.18C144.001 16.18 145.333 14.74 145.333 12.994C145.333 11.212 144.001 9.79 142.273 9.79C140.527 9.79 139.213 11.212 139.213 12.994C139.213 14.74 140.527 16.18 142.273 16.18ZM154.648 18.466C153.208 18.466 151.948 17.944 151.21 17.008V23.092H148.798V7.72H151.21V9.124C151.948 8.134 153.19 7.504 154.63 7.504C157.276 7.504 159.814 9.502 159.814 12.994C159.814 16.45 157.186 18.466 154.648 18.466ZM154.252 16.234C156.034 16.234 157.42 14.794 157.42 12.958C157.42 11.14 156.034 9.718 154.252 9.718C152.434 9.718 151.12 11.158 151.12 12.958C151.12 14.776 152.434 16.234 154.252 16.234ZM166.129 18.466C162.817 18.466 160.567 16.054 160.567 13.012C160.567 9.934 162.961 7.504 166.039 7.504C169.171 7.504 171.457 9.808 171.457 12.922V13.84H162.889C163.231 15.334 164.401 16.324 166.129 16.324C167.497 16.324 168.541 15.604 169.045 14.47L171.043 15.622C170.125 17.332 168.505 18.466 166.129 18.466ZM166.039 9.646C164.581 9.646 163.447 10.51 163.015 11.806H168.991C168.631 10.384 167.551 9.646 166.039 9.646ZM172.546 18.25V7.72H174.958V9.286C175.444 8.242 176.344 7.72 177.658 7.72C178.432 7.72 179.026 7.9 179.512 8.17L178.594 10.474C178.234 10.24 177.838 10.06 177.136 10.06C175.714 10.06 174.976 10.816 174.976 12.634V18.25H172.546Z" fill="black"></path> </g> <defs> <clipPath id="clip0_1_13833"> <rect width="180" height="23.5" fill="white" transform="translate(0 0.25)"></rect> </clipPath> </defs> </svg> </a> <div class="global-nav-util-group"> <div class="util-group-search" data-open="headerSearch"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2529 17.2511L12.5469 12.5142" stroke="#1E1E1E" stroke-width="1.5"></path> <path d="M14.3843 8.55871C14.3843 11.7763 11.776 14.385 8.55883 14.385C5.34167 14.385 2.7334 11.7763 2.7334 8.55871C2.7334 5.34107 5.34167 2.73242 8.55883 2.73242C11.776 2.73242 14.3843 5.34107 14.3843 8.55871Z" stroke="#1E1E1E" stroke-width="1.5"></path> </svg> <span>Search</span> </div> <!-- before login --> <a class="util-group-sign-in" href="/login?redirectURL=%2Fsearch%3Fquery%3DBlog"> <span>Sign in</span> </a> </div> </div> </div> <!-- Dimmed Effect --> <div class="header-dimmed" data-target="headerDimmed"></div> <!-- filter --> <div id="filter"></div> <!-- GNB --> <div class="global-nav-bottom-fixed"> <div class="global-nav-bottom" data-open="gnb"> <div class="nav-btm-logo"> <i role="button" class="nav-btm-close" data-close="gnb"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.00017 4L16 15.9998" stroke="#1E1E1E" stroke-width="1.5"></path> <path d="M4 15.9998L15.9998 4" stroke="#1E1E1E" stroke-width="1.5"></path> </svg> </i> <svg width="180" height="24" viewBox="0 0 180 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_1_13833)"> <path d="M5.184 18.43C2.826 18.43 1.26 17.422 0.054 16.072L2.286 14.308C2.952 15.46 3.96 16.09 5.166 16.09C6.462 16.09 7.164 15.244 7.164 14.326C7.164 13.228 5.814 12.868 4.428 12.436C2.646 11.86 0.702 11.194 0.702 8.692C0.702 6.586 2.538 4.93 5.058 4.93C7.164 4.93 8.406 5.74 9.468 6.838L7.452 8.368C6.894 7.522 6.102 7.108 5.076 7.108C3.87 7.108 3.24 7.756 3.24 8.602C3.24 9.664 4.482 9.97 5.922 10.456C7.704 11.032 9.72 11.824 9.72 14.344C9.72 16.414 8.064 18.43 5.184 18.43ZM15.9503 18.466C13.4123 18.466 10.7663 16.45 10.7663 12.994C10.7663 9.502 13.3223 7.504 15.9863 7.504C17.3723 7.504 18.5963 8.062 19.3703 8.98V7.72H21.8003V18.25H19.3703V16.882C18.5963 17.872 17.3363 18.466 15.9503 18.466ZM16.3463 16.234C18.1643 16.234 19.4962 14.776 19.4962 12.958C19.4962 11.158 18.1643 9.718 16.3463 9.718C14.5463 9.718 13.1603 11.14 13.1603 12.958C13.1603 14.794 14.5463 16.234 16.3463 16.234ZM23.2723 18.25V7.72H25.6843V8.944C26.3503 8.062 27.3943 7.504 28.6903 7.504C30.3463 7.504 31.4803 8.17 32.1103 9.322C32.8303 8.224 34.0543 7.504 35.5663 7.504C38.4283 7.504 39.8503 9.16 39.8503 11.914V18.25H37.3663V12.112C37.3663 10.582 36.5923 9.61 35.0803 9.61C33.7663 9.61 32.7583 10.51 32.7583 12.364V18.25H30.2923V12.04C30.2923 10.528 29.5363 9.61 28.0783 9.61C26.7103 9.61 25.7023 10.546 25.7023 12.418V18.25H23.2723ZM45.1972 18.466C42.8392 18.466 41.3632 17.566 40.5172 15.91L42.7672 14.83C43.2712 15.82 44.1532 16.36 45.3052 16.36C46.5112 16.36 47.1052 15.784 47.1052 15.082C47.1052 14.308 45.9352 14.164 44.6392 13.876C42.8392 13.498 40.9492 12.922 40.9492 10.708C40.9492 9.016 42.5872 7.486 45.0892 7.486C47.2312 7.486 48.5812 8.314 49.3912 9.664L47.3212 10.708C46.8892 9.97 46.0972 9.502 45.0892 9.502C43.9372 9.502 43.3972 10.042 43.3972 10.636C43.3972 11.338 44.2252 11.518 45.8092 11.86C47.5372 12.202 49.5172 12.814 49.5172 15.028C49.5172 16.504 48.2032 18.466 45.1972 18.466ZM59.9517 7.72V18.25H57.5397V17.044C56.8737 17.926 55.8657 18.466 54.5157 18.466C51.9957 18.466 50.4657 16.828 50.4657 13.966V7.72H52.9317V13.714C52.9317 15.352 53.6517 16.36 55.1817 16.36C56.5317 16.36 57.5217 15.352 57.5217 13.498V7.72H59.9517ZM61.452 18.25V7.72H63.864V9.016C64.566 8.098 65.646 7.504 67.014 7.504C69.66 7.504 71.19 9.142 71.19 12.004V18.25H68.724V12.256C68.724 10.618 67.932 9.61 66.348 9.61C64.962 9.61 63.882 10.618 63.882 12.472V18.25H61.452ZM80.8765 18.07V16.846C80.1025 17.854 78.8605 18.466 77.4385 18.466C74.9005 18.466 72.2545 16.45 72.2545 12.994C72.2545 9.502 74.8105 7.504 77.4745 7.504C78.8605 7.504 80.0845 8.116 80.8585 9.07V7.72H83.2885V17.98C83.2885 20.932 81.3985 23.344 77.8525 23.344C75.1165 23.344 73.4065 22.066 72.4525 20.32L74.6125 19.006C75.3865 20.428 76.2145 21.112 77.8885 21.112C79.7245 21.112 80.8765 19.672 80.8765 18.07ZM77.8345 16.234C79.6525 16.234 80.9845 14.776 80.9845 12.958C80.9845 11.158 79.6525 9.718 77.8345 9.718C76.0345 9.718 74.6485 11.14 74.6485 12.958C74.6485 14.794 76.0345 16.234 77.8345 16.234ZM89.174 18.25V5.11H92.756C97.184 5.11 99.704 7.954 99.704 11.68C99.704 15.424 96.86 18.25 92.864 18.25H89.174ZM92.468 7.378H91.622V15.982H92.576C95.456 15.982 97.256 14.128 97.256 11.68C97.256 9.16 95.726 7.378 92.468 7.378ZM106.012 18.466C102.7 18.466 100.45 16.054 100.45 13.012C100.45 9.934 102.844 7.504 105.922 7.504C109.054 7.504 111.34 9.808 111.34 12.922V13.84H102.772C103.114 15.334 104.284 16.324 106.012 16.324C107.38 16.324 108.424 15.604 108.928 14.47L110.926 15.622C110.008 17.332 108.388 18.466 106.012 18.466ZM105.922 9.646C104.464 9.646 103.33 10.51 102.898 11.806H108.874C108.514 10.384 107.434 9.646 105.922 9.646ZM115.182 18.25L111.168 7.72H113.706L116.424 15.136L119.088 7.72H121.59L117.63 18.25H115.182ZM126.895 18.466C123.583 18.466 121.333 16.054 121.333 13.012C121.333 9.934 123.727 7.504 126.805 7.504C129.937 7.504 132.223 9.808 132.223 12.922V13.84H123.655C123.997 15.334 125.167 16.324 126.895 16.324C128.263 16.324 129.307 15.604 129.811 14.47L131.809 15.622C130.891 17.332 129.271 18.466 126.895 18.466ZM126.805 9.646C125.347 9.646 124.213 10.51 123.781 11.806H129.757C129.397 10.384 128.317 9.646 126.805 9.646ZM133.311 18.25V4.93H135.759V18.25H133.311ZM142.273 18.466C139.231 18.466 136.819 16.018 136.819 12.994C136.819 9.916 139.231 7.504 142.273 7.504C145.297 7.504 147.727 9.916 147.727 12.994C147.727 16.018 145.297 18.466 142.273 18.466ZM142.273 16.18C144.001 16.18 145.333 14.74 145.333 12.994C145.333 11.212 144.001 9.79 142.273 9.79C140.527 9.79 139.213 11.212 139.213 12.994C139.213 14.74 140.527 16.18 142.273 16.18ZM154.648 18.466C153.208 18.466 151.948 17.944 151.21 17.008V23.092H148.798V7.72H151.21V9.124C151.948 8.134 153.19 7.504 154.63 7.504C157.276 7.504 159.814 9.502 159.814 12.994C159.814 16.45 157.186 18.466 154.648 18.466ZM154.252 16.234C156.034 16.234 157.42 14.794 157.42 12.958C157.42 11.14 156.034 9.718 154.252 9.718C152.434 9.718 151.12 11.158 151.12 12.958C151.12 14.776 152.434 16.234 154.252 16.234ZM166.129 18.466C162.817 18.466 160.567 16.054 160.567 13.012C160.567 9.934 162.961 7.504 166.039 7.504C169.171 7.504 171.457 9.808 171.457 12.922V13.84H162.889C163.231 15.334 164.401 16.324 166.129 16.324C167.497 16.324 168.541 15.604 169.045 14.47L171.043 15.622C170.125 17.332 168.505 18.466 166.129 18.466ZM166.039 9.646C164.581 9.646 163.447 10.51 163.015 11.806H168.991C168.631 10.384 167.551 9.646 166.039 9.646ZM172.546 18.25V7.72H174.958V9.286C175.444 8.242 176.344 7.72 177.658 7.72C178.432 7.72 179.026 7.9 179.512 8.17L178.594 10.474C178.234 10.24 177.838 10.06 177.136 10.06C175.714 10.06 174.976 10.816 174.976 12.634V18.25H172.546Z" fill="black"></path> </g> <defs> <clipPath id="clip0_1_13833"> <rect width="180" height="23.5" fill="white" transform="translate(0 0.25)"></rect> </clipPath> </defs> </svg> </div> <ul class="nav-btm-menu" data-target="navMenu"> <li class="nav-item"> <a href="/learn">Learn</a> <i class="nav-btm-menu-arrow" role="button" data-target="navArrow"></i> <div class="nav-dynamic-menu"> <div class="dynamic-menu-item-contents"> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/codelab">Code Lab</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/foldables-and-largescreens">Foldables and Large Screens</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/one-ui-beta">One UI Beta</a></li> </ul> </div> </div> </div> </li> <li class="nav-item"> <a href="/develop">Develop</a> <i class="nav-btm-menu-arrow" role="button" data-target="navArrow"></i> <div class="nav-dynamic-menu"> <div class="dynamic-menu-item-contents"> <div class="contents-item"> <p class="contents-item-title">Mobile/Wearable</p> <ul class="contents-item-list"> <li class="nav-item"> <a href="/galaxy-gamedev">Galaxy GameDev</a> </li> <li class="nav-item"> <a href="/galaxy-themes">Galaxy Themes</a> </li> <li class="nav-item"> <a href="/galaxy-watch">Galaxy Watch</a> </li> <li class="nav-item"> <a href="/health">Health</a> </li> <li class="nav-item"> <a href="/blockchain">Samsung Blockchain</a> </li> <li class="nav-item"> <a href="/samsung-dex">Samsung DeX</a> </li> <li class="nav-item"> <a href="/iap">Samsung IAP</a> </li> <li class="nav-item"> <a href="/internet">Samsung Internet</a> </li> <li class="nav-item"> <a href="/wallet">Samsung Wallet</a> </li> <li class="nav-item"> <a href="/mobile"> <span class="contents-underline">See all mobile products</span> <span class="arrow"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.45654 11.9L9.35659 6.99999L4.45654 2.09995" stroke="currentColor" stroke-width="1.05001"></path> </svg> </span> </a> <ul class="contents-item-list navbar-depth3 d-none"> <li class="d-none"> <a href="/pay/partner"><span>Samsung Pay Partner</span></a> </li> <li class="d-none"> <a href="/pay"><span>Samsung Pay</span></a> </li> <li class="d-none"> <a href="/galaxy-ar-emoji"><span>Galaxy AR Emoji</span></a> </li> <li class="d-none"> <a href="/galaxy-accessory"><span>Galaxy Accessory</span></a> </li> <li class="d-none"> <a href="/galaxy-edge"><span>Galaxy Edge</span></a> </li> <li class="d-none"> <a href="/galaxy-z"><span>Galaxy Z</span></a> </li> <li class="d-none"> <a href="/galaxy-performance"><span>Galaxy Performance</span></a> </li> <li class="d-none"> <a href="/galaxy-fm-radio"><span>Galaxy FM Radio</span></a> </li> <li class="d-none"> <a href="/galaxy-spen-remote"><span>Galaxy S Pen Remote</span></a> </li> <li class="d-none"> <a href="/galaxy-sensor-extension"><span>Galaxy Sensor Extension</span></a> </li> <li class="d-none"> <a href="/penup"><span>PENUP</span></a> </li> <li class="d-none"> <a href="/automation"><span>Samsung Automation</span></a> </li> <li class="d-none"> <a href="/neural"><span>Samsung Neural</span></a> </li> <li class="d-none"> <a href="/teegris"><span>Samsung TEEGRIS</span></a> </li> <li class="d-none"> <a href="/ese"><span>Samsung eSE SDK</span></a> </li> <li class="d-none"> <a href="/galaxy-watch-tizen"><span>Galaxy Watch for Tizen</span></a> </li> <li class="d-none"> <a href="/watch-face-studio"><span>Watch Face Studio</span></a> </li> <li class="d-none"> <a href="/one-ui-watch-tizen"><span>One UI Watch for Tizen</span></a> </li> <li class="d-none"> <a href="/gws-converter"><span>Galaxy Watch Studio Converter</span></a> </li> <li class="d-none"> <a href="/galaxy-watch-iap"><span>Samsung IAP for Galaxy Watch (Tizen)</span></a> </li> </ul> </li> </ul> </div> <div class="contents-item"> <p class="contents-item-title">Visual Display</p> <ul class="contents-item-list"> <li><a href="/smarttv/develop">Smart TV</a></li> <li><a href="/smarttv/hospitality-display">Smart Hospitality Display</a></li> <li><a href="/smarttv/signage">Smart Signage</a></li> </ul> </div> <div class="contents-item"> <p class="contents-item-title">Digital Appliance</p> <ul class="contents-item-list"> <li><a href="/family-hub">Family Hub</a></li> </ul> </div> <div class="contents-item"> <p class="contents-item-title">Platform</p> <ul class="contents-item-list"> <li><a href="/bixby">Bixby</a></li> <li><a href="/knox">Knox</a></li> <li><a href="/smartthings">SmartThings</a></li> <li><a href="/tizen">Tizen.NET</a></li> </ul> </div> </div> </div> </li> <li class="nav-item"> <a href="/design">Design</a> <i class="nav-btm-menu-arrow" role="button" data-target="navArrow"></i> <div class="nav-dynamic-menu"> <div class="dynamic-menu-item-contents"> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/design-system">Design System</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/one-ui">One UI</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/one-ui-watch">One UI Watch</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/smarttv/design">Smart TV</a></li> </ul> </div> </div> </div> </li> <li class="nav-item"> <a href="/distribute">Distribute</a> <i class="nav-btm-menu-arrow" role="button" data-target="navArrow"></i> <div class="nav-dynamic-menu"> <div class="dynamic-menu-item-contents"> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/galaxy-store">Galaxy Store</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/tv-seller-office">TV Seller Office</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/galaxy-games">Galaxy Store Games</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/instant-plays">Instant Plays</a></li> </ul> </div> </div> </div> </li> <li class="nav-item"> <a href="/support">Support</a> <i class="nav-btm-menu-arrow" role="button" data-target="navArrow"></i> <div class="nav-dynamic-menu"> <div class="dynamic-menu-item-contents"> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="https://forum.developer.samsung.com">Forums</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/dev-support">Dev Support</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/remote-test-lab">Remote Test Lab</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/android-usb-driver">Samsung Android USB Driver</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/galaxy-emulator-skin">Galaxy Emulator Skin</a></li> </ul> </div> </div> </div> </li> <li class="nav-item"> <a href="/connect">Connect</a> <i class="nav-btm-menu-arrow" role="button" data-target="navArrow"></i> <div class="nav-dynamic-menu"> <div class="dynamic-menu-item-contents"> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/news">News and Updates</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="/events">Events</a></li> </ul> </div> <div class="contents-item"> <ul class="contents-item-list"> <li><a href="https://www.samsungdeveloperconference.com/">Samsung Developer Conference</a></li> </ul> </div> </div> </div> </li> <li class="single nav-item"> <a href="/blog">Blog</a> </li> <!-- before login --> <li class="only-mobile"><a href="/login?redirectURL=%2Fsearch%3Fquery%3DBlog">Sign in</a></li> </ul> </div> </div> </div> <!-- Search --> <div class="sdp-header-search" data-target="headerSearch"> <div class="header-search-body"> <div class="base-search-input-box"> <input type="text" class="base-search-input" placeholder="Search developer.samsung.com" data-target="searchInput"> <!-- remove icon --> <svg class="icon-remove" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-target="searchRemove"> <circle cx="12" cy="12" r="12" fill="#EAEAEA"></circle> <path d="M7.33301 7.3335L16.6663 16.6668" stroke="#9E9E9E" stroke-width="1.06667"></path> <path d="M16.6663 7.3335L7.33301 16.6668" stroke="#9E9E9E" stroke-width="1.06667"></path> </svg> <!-- search icon --> <svg class="icon-search" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="Group"> <path id="Vector" d="M37.4072 37.4034L26.1128 26.0347" stroke="black" stroke-width="3.60003"></path> <path id="Vector_2" d="M30.5248 16.5413C30.5248 24.2637 24.2649 30.5245 16.5437 30.5245C8.8224 30.5245 2.5625 24.2637 2.5625 16.5413C2.5625 8.81893 8.8224 2.55811 16.5437 2.55811C24.2649 2.55811 30.5248 8.81893 30.5248 16.5413Z" stroke="black" stroke-width="3.60003"></path> </g> </svg> </div> </div> <div class="header-search-recommend"> <ul class="recommend-ul"> <!-- Recommendation list --> <li><p>Recommendations</p></li> <li class="sdp-search-result-item" attr-keyword="Blog"> <a href="/search?query=Blog"> <span>Blog</span> </a> </li> <li class="sdp-search-result-item" attr-keyword="Code Lab"> <a href="/search?query=Code%20Lab"> <span>Code Lab</span> </a> </li> <li class="sdp-search-result-item" attr-keyword="Foldable and Large Screen Optimization"> <a href="/search?query=Foldable%20and%20Large%20Screen%20Optimization"> <span>Foldable and Large Screen Optimization</span> </a> </li> <li class="sdp-search-result-item" attr-keyword="Health"> <a href="/search?query=Health"> <span>Health</span> </a> </li> <li class="sdp-search-result-item" attr-keyword="Samsung Wallet"> <a href="/search?query=Samsung%20Wallet"> <span>Samsung Wallet</span> </a> </li> <li class="sdp-search-result-item" attr-keyword="SDC24"> <a href="/search?query=SDC24"> <span>SDC24</span> </a> </li></ul> </div> <i class="header-search-close" data-close="headerSearch"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.00017 1L13 12.9998" stroke="#1E1E1E" stroke-width="1.5"></path> <path d="M1 12.9998L12.9998 1" stroke="#1E1E1E" stroke-width="1.5"></path> </svg> </i> </div> <!-- Dimmed Effect --> <div class="header-dimmed" data-target="subNavDimmed"></div> </header> <section class="page-search" attr-page-id="search-v2"> <header class="page-search-header"> <div class="base-container"> <div class="base-search-input-box"> <input type="text" class="base-search-input" placeholder="Search in" data-target="searchInput" value="Blog" id="search-text-input"/> <!-- remove icon --> <svg class="icon-remove" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-target="searchRemove"> <circle cx="12" cy="12" r="12" fill="#EAEAEA"/> <path d="M7.33301 7.3335L16.6663 16.6668" stroke="#9E9E9E" stroke-width="1.06667"/> <path d="M16.6663 7.3335L7.33301 16.6668" stroke="#9E9E9E" stroke-width="1.06667"/> </svg> <!-- search icon --> <svg class="icon-search" width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="Group"> <path id="Vector" d="M37.4072 37.4034L26.1128 26.0347" stroke="black" stroke-width="3.60003"/> <path id="Vector_2" d="M30.5248 16.5413C30.5248 24.2637 24.2649 30.5245 16.5437 30.5245C8.8224 30.5245 2.5625 24.2637 2.5625 16.5413C2.5625 8.81893 8.8224 2.55811 16.5437 2.55811C24.2649 2.55811 30.5248 8.81893 30.5248 16.5413Z" stroke="black" stroke-width="3.60003"/> </g> </svg> </div> </div> </header> <div class="base-page-layout bg-light-gray page-dev-support"> <div class="base-container"> <div class="page-search-body"> <!-- filter --> <article class="search-filter-box"> <button class="search-filter-button" type="button" data-open="searchFilter"> <span>Filter</span> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.874697 1.3335C0.760113 1.3335 0.732613 1.39975 0.813655 1.48079L7.39407 8.0612C7.47511 8.14225 7.54136 8.30225 7.54136 8.41683V12.3752C7.54136 12.4897 7.60761 12.6497 7.68866 12.7308L10.3107 15.3529C10.3918 15.4339 10.458 15.4064 10.458 15.2918V8.41683C10.458 8.30225 10.5243 8.14225 10.6053 8.0612L17.1857 1.48079C17.2668 1.39975 17.2393 1.3335 17.1247 1.3335H0.874697Z" stroke="#363636" stroke-width="1.5"/> </svg> </button> <div class="search-filter" data-target="searchFilter"> <div class="search-filter-header"> <p class="search-filter-title">Filter</p> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" data-close="searchFilter"> <path d="M1 1L15 15" stroke="black" stroke-width="1.6"/> <path d="M15 1L1 15" stroke="black" stroke-width="1.6"/> </svg> </div> <div class="search-filter-body"> <ul class="filter-accordion"> <li> <div class="filter-accordion-header collapsed" data-toggle="collapse" data-target="#collapse01"> <span>Content Type</span> <i class="filter-accordion-arrow"></i> </div> <div id="collapse01" class="filter-accordion-body collapse"> <ul class="filter-accordion-body-ul filter-type"> <li> <label class="base-checkbox"> <input type="checkbox" value="all" checked hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> ALL <span> 100 </span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" value="docs" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> DOCS <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" value="sdk" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> SDK <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" value="apidoc" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> API reference <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" value="codelab" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Code lab <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" value="blog" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Blog <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" value="news,events" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> News/Events <span></span> </span> </span> </label> </li> </ul> </div> </li> <li> <div class="filter-accordion-header collapsed" data-toggle="collapse" data-target="#collapse02"> <span>Category</span> <i class="filter-accordion-arrow"></i> </div> <div id="collapse02" class="filter-accordion-body collapse"> <ul class="filter-accordion-body-ul filter-category"> <li> <label class="base-checkbox"> <input type="checkbox" checked hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> ALL <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> AI <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> IoT <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> UI/UX <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Health <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Game <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Security <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Blockchain <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Web <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Design <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Camera <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> AR/VR/XR <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Mobile <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Galaxy watch <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Smart TV <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Family hub <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Marketplace <span></span> </span> </span> </label> </li> <li> <label class="base-checkbox"> <input type="checkbox" hidden /> <span class="checkbox-label"> <span class="checkbox-icon"></span> <span class="checkbox-text"> Advertisement <span></span> </span> </span> </label> </li> </ul> </div> </li> </ul> </div> <div class="search-filter-footer"> <button type="button" class="filter-reset"> <span>Reset</span> </button> </div> </div> <div class="search-filter-dimmed" data-dimmed="searchFilter"></div> </article> <section class="page-search-contents"> <div class="contents-header"> <div class="base-list-count"> <span class="count-text"> Blog </span> <span class="count-number">100</span> </div> <!-- <div class="base-form-group"> <div class="dropdown" role="group" required=""> <button type="button" class="btn dropdown-toggle boxed-pill text-left" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > <span class="txt">Popular</span> </button> <div class="dropdown-menu" aria-labelledby="dropDownTab" x-placement="bottom-start" > <a class="dropdown-item" href="#" data-toggle="tab" data-value="test">Popular</a> <a class="dropdown-item" href="#" data-toggle="tab" data-value="test">Recent</a> <a class="dropdown-item" href="#" data-toggle="tab" data-value="test">Oldest</a> </div> </div> </div> --> </div> <div class="contents-body"> <!-- No Search results --> <div class="search-empty-panel d-none"> Sorry, no results<br class="d-block d-lg-none" /> found for "Blog" on the website </div> <div class="contents-list-grid"> <a class="search-card" href="/galaxy-z/blog.html"> <div class="search-card-header"> <p> <span>Develop</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> <span>Mobile</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> <span>Galaxy Z</span> </p> <span class="search-card-badge"> doc </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Blogs</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> blogs optimize your app for the galaxy z flipoptimize your app using the new jetpack windowmanager library in android current web on galaxy foldfoldable devices are here! make sure your websites look and behave as you&#39;d expect seven mistakes to avoid when developing for the galaxy foldcommon mistakes developers may make when developing apps for foldable devices how to update your apps for foldable displaysmake sure your apps are optimized and work seamlessly between two displays </p> </div> <div class="search-card-info"> </div> <div class="search-card-link"> <span>https://developer.samsung.com/galaxy-z/blog.html</span> </div> </a> <a class="search-card" href="/sdp/blog/en-us/2018/12/21/top-10-blog-posts-of-2018"> <div class="search-card-header"> <p> <span>announcement</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> mobile, design, galaxy watch, marketplace </p> <span class="search-card-badge"> blog </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Top 10 Blog Posts Of 2018</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> 2018 was a great year for the samsung developer program blog with industry experts in design, marketing, and programming sharing lessons learned and best practices. we&#39;ve got more great content planned for 2019, but before we flip the calendar to next year, let&#39;s take a look back at the top posts from the last twelve months. thanks for reading! #10 introducing tony morelan, sdp senior developer evangelist once a body double for christian slater (true story!), tony is now a seasoned watch face and theme designer who joined the developer relations team as a senior evangelist this october. moving forward, you’ll find his work here in the blog, but his biggest role will be meeting you and other developers at our 2019 live events. read on to find out how tony made his way to samsung. #9 infinity watchfaces&#39; chris shomo offers helpful tips on what every designer should watch for veteran designer, chris shomo, shares a number of great tips on how to make a great watch face, as well as what to avoid. chris has over 230 watch faces for sale, so if you’re looking for advice on someone who knows the business, he’s your man. #8 top tips for editing 360 video one of the best – and most-affordable – ways of shooting 360-degree video is the samsung gear 360 camera. but recording great content is only half the battle – the real magic happens during the editing process. this article contains some great tips on editing 360-degree video in a way that will have your friends thinking you’re the next james cameron. #7 2thumbz svp sam pasquale&#39;s thoughts on developing lucrative design partnerships samsung themes can be quite lucrative for top designers. one of those top designers is 2thumbz, which has a tremendously successful partnership with the ncaa. in this &#34;devs doing it right&#34; post, sam pasquale gives his candid thoughts on what it’s like to work with the ncaa license. #6 what does samsung&#39;s unpacked event mean for developers? several cool, new products were unveiled at samsung galaxy unpacked 2018, and senior director of developer relations, lori fraleigh recapped the highlights. learn about the s pen, updates to bixby, and more. #5 roebotx founder andrew roe takes a problem-solving approach to watch face design it’s easy to create a galaxy watch face, but it takes a lot of talent and hard work to create one that both looks great and sells well. andrew roe writes about lessons learned in this highly-informative &#34;devs doing it right&#34; post. #4 visa advises devs to think convenience and partnership mobile commerce had another record-breaking year in 2018. visa’s matt smith shares his thoughts on strategic partnerships and the importance of making sure your app keeps information secure everywhere you want to be. #3 the weather channel on artificial intelligence and monetization strategies for apps chances are pretty good that you&#39;re a fan of artificial intelligence or making money – perhaps you even enjoy both! if so, this entry in the source code series from the weather channel’s kevin crenshaw will be right up your (tornado) alley. #weatherjokesftw #2 monotype gets real about ar/vr monotype product management director, vivek vadakkuppattu answers questions about best practices for ar and vr development. there’s plenty of good information for new and seasoned developers in this &#34;source code&#34; article. #1 introducing the 2018 source code: a dev’s guide technical evangelist josue bustos introduces himself, the &#34;source code&#34; series, and makes a few predictions for 2018. how did his prognostications fare? check out the blog and decide for yourself. </p> </div> <div class="search-card-info"> <p> <i class="icon-calendar"></i> <span attr-date-format="2018-12-21T12:00:00.000Z"></span> </p> <p> <i class="icon-user"></i> <span>Samsung Developer Program</span> </p> </div> <div class="search-card-link"> <span>https://developer.samsung.com/sdp/blog/en-us/2018/12/21/top-10-blog-posts-of-2018</span> </div> </a> <a class="search-card" href="/internetundefined"> <div class="search-card-header"> <p> </p> <span class="search-card-badge"> web </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title"></h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> samsung internet for android read more about samsung internet and understand how our browser works. read more want to create a samsung internet extension? create samsung internet extensions to customize users&#39; web browsing experience. open the extension guide learn more by reading our blog! read blog posts from the developer advocates at samsung internet. learn about new apis, new features, and our exciting news ! go to the blog our web developer advocates are here to help. on the web twitter follow us on twitter. meetup join our group and come share your experience with us. blog read our articles and share them! w3c we&#39;re active in w3c web standards. mdn we work with mdn to ensure web docs are up to date. github check our code examples, and demos on github. join the community meet developers, ask questions, find answers! learn more </p> </div> <div class="search-card-info"> </div> <div class="search-card-link"> <span>https://developer.samsung.com/internetundefined</span> </div> </a> <a class="search-card" href="/galaxy-gamedev/best-practice.html"> <div class="search-card-header"> <p> <span>Develop</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> <span>GameDev</span> </p> <span class="search-card-badge"> doc </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Best Practices</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> gamedev best practices to share our experiences and know-hows from gamedev supports, we&#39;ve authored the following technical blogs you can find our stories and some useful tips here using variable rate shading to improve performance on mobile games &#34;samsung developers blog&#34; , 22 nov 2022 foldable device features with unity and unreal engine 4 &#34;samsung developers blog&#34; , 16 sep 2022 how to use jetpack windowmanager in android game dev &#34;samsung developers blog&#34; , 20 july 2022 optimizing mobile game performance runescape &#34; runescape&#34; , jagex , 2021 lighting up xcom 2 on android with galaxy gamedev &#34; xcom 2 &#34; , feral interactive , 2021 using conservative morphological anti-aliasing to improve game visuals &#34; msaa &#34; , samsung r&amp;d uk , 2021 accelerating performance in xbox game studios&#39; forza street &#34; forza street &#34; , electric square / microsoft , 2020 jet set vulkan reflecting on the move to vulkan &#34; sky gamblers infinite jets &#34; , atypical games , 2019 adaptive performance in call of duty mobile &#34; call of duty mobile &#34; , tencent , 2019 l2m binding and format optimization &#34; lineage2 mobile &#34; , nc soft , 2019 a year in a fortnite &#34; fortnite &#34; , epic games , 2019 the challenges of porting traha to vulkan &#34; traha &#34; , moai games / nexon , 2019 </p> </div> <div class="search-card-info"> </div> <div class="search-card-link"> <span>https://developer.samsung.com/galaxy-gamedev/best-practice.html</span> </div> </a> <a class="search-card" href="/tizen/blog/en-us/2020/11/18/workout-a-tizen-sample-app-gathering-heart-rate-data"> <div class="search-card-header"> <p> <span>tutorials</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> health, galaxy watch </p> <span class="search-card-badge"> blog </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Workout, a Tizen Sample App: Gathering Heart Rate Data</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> this is the third blog in a series to introduce the sample application workout, a tizen example for monitoring health sensors on a wearable device. the first blog, workout -- a tizen sample app for monitoring health sensors, presented the basic features of the application. the second blog, adding distance traveled to the tizen workout sample app, described how distance traveled is calculated. in this blog, i will demonstrate another key feature of the app, heart rate measurement (hrm), which shows the most recent heart rate intensity. implementation to start collecting data from the hrm sensor, first start tizen.sensor.heartratemonitor from tizenfx api. heartratemonitorservice.cs public void init() { try { _hrm = new hrm { interval = 1000, pausepolicy = sensorpausepolicy.none }; _hrm.dataupdated += ondataupdated; } catch (exception) { notsupported?.invoke(this, eventargs.empty); } } initiating hrm in this way invokes dataupdated every one second and the sensor is not stopped even when the application is sent to the background. the data from the event is handled by the ondataupdated handler, which invokes the event with the single bpm value. this event is listened to by the onservicedataupdated handler in the heartratemonitormodel, where all information related to heart rate is calculated: heartratemonitormodel.cs private void onservicedataupdated(object sender, int bpm) { double normalizedbpm = math.clamp((bpm - _minbpm) / (double)(_maxbpm - _minbpm), 0, 1); int bpmrange = bpm &lt; _minbpm ? 0 : math.min((int)((normalizedbpm * (_bpmranges - 1)) + 1), _bpmranges - 1); if (!_ismeasurementpaused) { _bpmrangeoccurrences[bpmrange]++; } updated?.invoke(this, new heartratemonitorupdatedeventargs(new heartratemonitordata { bpm = bpm, bpmrange = bpmrange, bpmrangeoccurrences = _bpmrangeoccurrences, normalizedbpm = normalizedbpm })); } however, let&#39;s start with the values that are used in the above method: _maxbpm - this value is calculated during the class instantiation according to the formula: 220 - user age _minbpm - this is half the value of _maxbpm _minbpm and _maxbpm is used to calculate normalizedbpm, a value ranging from 0 to 1. next, the bpmrange to which the current hrm service value belongs is calculated: for bpm below _minbpm, bpmrange is set to 0. for bpm greater than or equal to _minbpm, bpmrange is set to either (_normalizedbpm * (_bpmranges -1) + 1) or (_bpmranges - 1), whichever value is smaller. this calculated pulse interval is used as a position in an array, whose value is increased by 1. to obtain the most common pulse interval, find the index with the highest value associated with it. detailspageviewmodel.cs intensity = array.lastindexof(bpmrangeoccurrences, bpmrangeoccurrences.max()).tostring(); to display the range indication, intensity is delivered to xaml and converted into text using a converter. detailspageview.xaml.cs &lt;models:detailsitemdata name=&#34;intensity&#34; value=&#34;{binding intensity, converter={staticresource bpmrangevalueconverter}}&#34; icon=&#34;images/details_intensity_icon.png&#34; isactionbuttonvisible=&#34;true&#34;&gt; read more to learn more about the implementation of the hrm sensor and the use of the data in the workout app, see this tutorial in the final blog of this series, you&#39;ll learn how circlelistview is used in the app. </p> </div> <div class="search-card-info"> <p> <i class="icon-calendar"></i> <span attr-date-format="2020-11-18T14:45:00.000Z"></span> </p> <p> <i class="icon-user"></i> <span>Patryk Falba</span> </p> </div> <div class="search-card-link"> <span>https://developer.samsung.com/tizen/blog/en-us/2020/11/18/workout-a-tizen-sample-app-gathering-heart-rate-data</span> </div> </a> <a class="search-card" href="/tizen/blog/en-us/2020/11/17/workout-a-tizen-sample-app-calculating-distance-traveled"> <div class="search-card-header"> <p> <span>tutorials</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> galaxy watch, health </p> <span class="search-card-badge"> blog </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Workout, a Tizen Sample App: Calculating Distance Traveled</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> this is the second blog in a series to introduce the sample application workout, a tizen example for monitoring health sensors on a wearable device. the previous blog, workout -- a tizen sample app for monitoring health sensors, introduced the sample application, workout, for runners who own a wearable device. in this blog, i will describe how one of the key features, traveled distance, is calculated. implementation to calculate the traveled distance, the application uses the locationservice class providing location-related gps data. this service uses the tizen.location api to initialize the gps receiver: services/locationservice.cs /// &lt;summary&gt; /// initializes locationservice class instance. /// &lt;/summary&gt; private locationservice() { _locator = new locator(locationtype.hybrid) { interval = _gpscallbackinterval }; attachevents(); } the api is also used to set the change handlers: services/locationservice.cs /// &lt;summary&gt; /// sets service listeners. /// &lt;/summary&gt; private void attachevents() { _locator.servicestatechanged += (sender, args) =&gt; servicestatechanged?.invoke(this, args.servicestate); _locator.locationchanged += (sender, args) =&gt; locationchanged?.invoke(this, args.location); _locator.settingchanged += (sender, args) =&gt; settingchanged?.invoke(this, args.isenabled); } every time the location changes, the locationchanged event is invoked with the new location. this event has an attached listener in locationmodel which receives the new location object. the new location is used to calculate the distance to the previous location and stored in a _locationdata object: models/locationmodel.cs _locationdata.distance += location.getdistanceto(_lastlocation) / settingsservice.instance.distance.unittokmratio; the new location data is passed to mainmodel, where all workout data are gathered and processed before being sent to viewmodels. the entire flow of location data and other workout data is described in detail at tizenschool.org in the next blog in this series, i will discuss how data is gathered from the heart rate monitor. </p> </div> <div class="search-card-info"> <p> <i class="icon-calendar"></i> <span attr-date-format="2020-11-17T14:40:00.000Z"></span> </p> <p> <i class="icon-user"></i> <span>Patryk Falba</span> </p> </div> <div class="search-card-link"> <span>https://developer.samsung.com/tizen/blog/en-us/2020/11/17/workout-a-tizen-sample-app-calculating-distance-traveled</span> </div> </a> <a class="search-card" href="/sdp/blog/en-us/2021/06/04/using-remote-test-lab-with-android-studio"> <div class="search-card-header"> <p> <span>tutorials</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> mobile </p> <span class="search-card-badge"> blog </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Using Remote Test Lab with Android Studio</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> this blog is the fourth in a series of posts about remote test lab (rtl). in previous blogs, we covered what is remote test lab, its new features, and auto repeat. in this blog, we show you how to connect rtl to android studio and how to deploy and debug your app on the remote device. in an upcoming blog, we are going to take a deep dive into some additional features of remote test lab. remote test lab allows you to run and debug your application on real devices remotely. in this blog, we will connect a remote test lab device with a local development machine’s adb (android debug bridge) using remote debug bridge. the remote debug bridge tool enables you to run and debug your app to check compatibility with the latest samsung mobile devices, which solves the problem of not having your own physical devices. connect your remote test lab device to android studio to get started, launch a remote test lab client, then go to remote test lab and reserve one of the available mobile devices. the operating system version, device location, and desired time can be selected on the remote test lab page. a jnlp file is downloaded to your computer when you click the start button. if you run this file, the remote test lab client is launched and a live image of the device is shown in the client. step 1. when the live image is shown, right-click on the device&#39;s screen and select ‘test &gt; remote debug bridge.’ step 2. in the pop-up window, view the required command and port number to connect your android studio to the remote test lab device. step 3. open a command prompt window and run the adb command with the given port number. in this example, the command is: adb connect localhost:50964 note: you must accept the rsa key prompt by allowing usb debugging when you run the adb connect command for the first time on a remote test lab device. deploy and debug apps from android studio step 1. the device is now ready to deploy your app from android studio. build and run your app from android studio. in the following screenshot, an app is being deployed on a remote test lab device from android studio. step 2. the app is deployed and launched successfully on the remote test lab device step 3. debug your app from android studio just like on a real device. in conclusion, remote test lab offers a convenient and effective way to check the compatibility of your app and use debug facilities. finally, our developer forum is an excellent way to stay up-to-date on all things related to the samsung galaxy ecosystem. remote test lab article series get started with remote test lab for mobile app testing what&#39;s new in remote test lab testing your app with auto repeat using remote test lab with android studio web-based client preview (coming soon) go to remote test lab </p> </div> <div class="search-card-info"> <p> <i class="icon-calendar"></i> <span attr-date-format="2021-06-04T06:04:00.000Z"></span> </p> <p> <i class="icon-user"></i> <span>RTL Support</span> </p> </div> <div class="search-card-link"> <span>https://developer.samsung.com/sdp/blog/en-us/2021/06/04/using-remote-test-lab-with-android-studio</span> </div> </a> <a class="search-card" href="/sdp/blog/en-us/2024/04/30/connect-galaxy-watch-to-android-studio-over-wi-fi"> <div class="search-card-header"> <p> <span>tutorials</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> galaxy watch </p> <span class="search-card-badge"> blog </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Connect Galaxy Watch to Android Studio over Wi-Fi</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> testing your apps on real devices lets you evaluate the total user experience, which is important if the app requires specific hardware, such as sensors or a gpu. for wearable apps, you can run your apps from android studio and test directly on a physical watch, such as the galaxy watch4 or later. this blog describes how to set up android studio and your galaxy watch, operating on wear os powered by samsung, for testing and debugging apps wirelessly over an android debug bridge (adb) connection. to connect your watch to android studio over wi-fi: open the settings menu on your galaxy watch. in connections &gt; wi-fi, connect the watch to the same wi-fi network as your computer. next, go to settings &gt; about watch &gt; software information. tap on software version 5 times to enable developer mode. once the developer mode is turned on, open the newly added developer options menu in settings. enable the following in the developer options screen: adb debugging turn off automatic wi-fi wireless debugging in the wireless debugging screen, click pair new device. notethe galaxy watch creates two ports: one for pairing and the other for connecting. in android studio, open the terminal and enter the command to pair the watch with your computer: adb pair ip_address:pairing_port enter the wi-fi pairing code when prompted. then, using the ip address and the connection port, enter the command to connect the watch: adb connect ip_address:connection_port now, you can run, test, and debug your wearable apps on your galaxy watch directly over wi-fi. you can verify that your device is connected by running adb devices. tipto learn more about the process discussed in this blog, watch the video tutorial below. if you have questions or concerns with the steps presented in this blog, you can share your queries on the samsung developers forum. you can also contact us directly through the samsung developer support portal for more specialized support. </p> </div> <div class="search-card-info"> <p> <i class="icon-calendar"></i> <span attr-date-format="2024-04-30T10:22:00.000Z"></span> </p> <p> <i class="icon-user"></i> <span>Christopher Marquez</span> </p> </div> <div class="search-card-link"> <span>https://developer.samsung.com/sdp/blog/en-us/2024/04/30/connect-galaxy-watch-to-android-studio-over-wi-fi</span> </div> </a> <a class="search-card" href="/internet/blog/en-us/2022/02/02/samsung-internet-newsletter-february-2022"> <div class="search-card-header"> <p> <span>announcement</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> web </p> <span class="search-card-badge"> blog </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Samsung Internet Newsletter: February 2022</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> welcome to our february 2022 newsletter! the samsung internet developer advocacy team is starting off 2022 with a foray into the innovative and exciting arena of ... email? starting this month, we’re going to be sending out a monthly newsletter that combines some notes on what we’ve been up to in the last month, a wrap-up of some of our advocacy work (including blog posts, videos, open source contributions, etc…) and some links to news items we think are notable for web developers. we’re keen to get your feedback on our format and what you’d find especially useful. remember you can always find us online via our twitter account https://twitter.com/samsunginternet, at our medium blog https://medium.com/samsung-internet-dev and at https://developer.samsung.com/internet. to subscribe to our newsletter and get these kinds of updates to your very own inbox, visit our sign-up form! &lt;-- subscribe here releases kicking off, we’re excited to announce the release of samsung internet 16.0 to our stable channel. 16.0 includes a new option to place the url bar at the bottom of the screen, automatic https upgrades (which can be activated in the labs menu), enhanced searching and enhancements to our tracking protection. you can read more about 16.0 in our blog post on the beta release. meanwhile we are shipping 16.2 beta in our beta channel. 16.2 improves dark mode and enables our device posture api for folding screens by default. you can always find samsung internet and samsung internet beta at https://galaxy.store/internet and https://galaxy.store/internetbeta respectively. standards meanwhile we’ve been busy in the world of standards as well. the immersive web working group (co-chaired by ada) has been working on a new charter incorporating many new webxr features including the model element for displaying 3d models in-line in web pages, as well as additional ar and vr features. the w3c developer council (co-chaired by lola) is also kicking off a new year looking for new ways to bring web developers into the standards community and process. for folding screens, laura has been looking at ways to augment the device posture api to give developers additional information when composing ui elements. where to find us you’ll see our advocates in the following events in the coming months. ada will be speaking about augmented reality at cityjs on the 23-25 march, regent street cinema in london, uk. find out more at https://cityjsconf.org/ the polys, awards for webxr will be returning for another great night highlighting some of the best webxr experiences from the past year. ada will be participating alongside the other chairs of the immersive web working group which are developing the api. laura will be participating in the online edition of jsworld conference, her talk “behind the scenes of a service worker” will dive into the cycle of a service worker and share some offline strategies. the online series are completely free and open to the public, you can register here: https://frontenddeveloperlove.com/free from our advocates check out laura’s post on 2022 goals for some of our thoughts on what’s coming up, including the future of the web platform. 🪐 new year, new web advocacy goals ada also wrote a post on adding rss feeds to your website, putting a new spin on this old web tech. * add rss feeds to your website to keep your core readers engaged lola released her video tutorial on dark mode (prefers color scheme) which you can also read about in this blog post from last year. view it here: * https://youtu.be/eaqbvauoj08 sylwester wrote a piece on using webgl and web sockets on galaxy watch! the web(gl) from your wrist! </p> </div> <div class="search-card-info"> <p> <i class="icon-calendar"></i> <span attr-date-format="2022-02-02T21:04:00.000Z"></span> </p> </div> <div class="search-card-link"> <span>https://developer.samsung.com/internet/blog/en-us/2022/02/02/samsung-internet-newsletter-february-2022</span> </div> </a> <a class="search-card" href="/tizen/blog/en-us/2020/11/19/workout-a-tizen-sample-app-using-circlelistview-to-display-data"> <div class="search-card-header"> <p> <span>tutorials</span> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"> <path d="M9.23804 2.66699L5.06604 13.3337" stroke="#363636" stroke-width="1.5"/> </svg> health, galaxy watch </p> <span class="search-card-badge"> blog </span> </div> <div class="search-card-text-group"> <h2 class="search-card-title">Workout, a Tizen Sample App: Using CircleListView to Display Data</h2> <p class="search-card-text" style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;"> this is the final blog in a series to introduce the sample application workout, a tizen example for monitoring health sensors on a wearable device. the first blog, workout -- a tizen sample app for monitoring health sensors, presented the basic features of the application. the second blog, adding distance traveled to the tizen workout sample app, described how distance traveled is calculated. the third blog, adding heart rate summary to the tizen workout app, demonstrated how heart rate data is gathered. this blog describes how the application uses the tizen.wearable.circularui extension of the xamarin.forms framework. this extension provides a set of components customized for the wearable profile that makes development easier and efficient. it provides, among others, a circlelistview component, which is used on the summary view of the application. the list contains elements that differ from each other in terms of appearance. apart from the different contents of the text, they allow you to: use different icon images set different positions of text elements on selected elements use converters for selected list items display the action button on selected elements of the list time distance pace intensity itemsource the information about how the individual elements of the list should look like is provided by itemsource, which is represented by the list of elements of the detailsitemdata class. views/workout/detailspageview.xaml &lt;cui:circlelistview.itemssource&gt; &lt;x:array type=&#34;{x:type models:detailsitemdata}&#34;&gt; &lt;models:detailsitemdata name=&#34;time&#34; value=&#34;{binding elapsedtime}&#34; icon=&#34;images/details_time_icon.png&#34;&gt; &lt;models:detailsitemdata.valuebounds&gt; &lt;rectangle x=&#34;.5&#34; y=&#34;193&#34; width=&#34;-1&#34; height=&#34;-1&#34; /&gt; &lt;/models:detailsitemdata.valuebounds&gt; &lt;models:detailsitemdata.namebounds&gt; &lt;rectangle x=&#34;.5&#34; y=&#34;245&#34; width=&#34;-1&#34; height=&#34;-1&#34; /&gt; &lt;/models:detailsitemdata.namebounds&gt; &lt;/models:detailsitemdata&gt; &lt;models:detailsitemdata name=&#34;distance&#34; value=&#34;{binding distance}&#34; icon=&#34;images/details_distance_icon.png&#34;&gt; &lt;models:detailsitemdata.valuebounds&gt; &lt;rectangle x=&#34;.5&#34; y=&#34;193&#34; width=&#34;-1&#34; height=&#34;-1&#34; /&gt; &lt;/models:detailsitemdata.valuebounds&gt; &lt;models:detailsitemdata.namebounds&gt; &lt;rectangle x=&#34;.5&#34; y=&#34;245&#34; width=&#34;-1&#34; height=&#34;-1&#34; /&gt; &lt;/models:detailsitemdata.namebounds&gt; &lt;/models:detailsitemdata&gt; &lt;models:detailsitemdata name=&#34;average pace&#34; value=&#34;{binding averagepace}&#34; icon=&#34;images/details_average_pace_icon.png&#34;&gt; &lt;models:detailsitemdata.valuebounds&gt; &lt;rectangle x=&#34;.5&#34; y=&#34;193&#34; width=&#34;-1&#34; height=&#34;-1&#34; /&gt; &lt;/models:detailsitemdata.valuebounds&gt; &lt;models:detailsitemdata.namebounds&gt; &lt;rectangle x=&#34;.5&#34; y=&#34;245&#34; width=&#34;-1&#34; height=&#34;-1&#34; /&gt; &lt;/models:detailsitemdata.namebounds&gt; &lt;/models:detailsitemdata&gt; &lt;models:detailsitemdata name=&#34;intensity&#34; value=&#34;{binding intensity, converter={staticresource bpmrangevalueconverter}}&#34; icon=&#34;images/details_intensity_icon.png&#34; isactionbuttonvisible=&#34;true&#34;&gt; &lt;models:detailsitemdata.valuebounds&gt; &lt;rectangle x=&#34;.5&#34; y=&#34;172&#34; width=&#34;-1&#34; height=&#34;-1&#34; /&gt; &lt;/models:detailsitemdata.valuebounds&gt; &lt;models:detailsitemdata.namebounds&gt; &lt;rectangle x=&#34;.5&#34; y=&#34;224&#34; width=&#34;-1&#34; height=&#34;-1&#34; /&gt; &lt;/models:detailsitemdata.namebounds&gt; &lt;/models:detailsitemdata&gt; &lt;/x:array&gt; &lt;/cui:circlelistview.itemssource&gt; models/workout/detailsitemdata.cs using xamarin.forms; namespace workout.models.workout { /// &lt;summary&gt; /// details item data class. /// used as one element of the details page list. /// &lt;/summary&gt; public class detailsitemdata : bindableobject { #region properties public static readonly bindableproperty valueproperty = bindableproperty.create(&#34;value&#34;, typeof(string), typeof(detailsitemdata), default(string)); /// &lt;summary&gt; /// workout detail name. /// &lt;/summary&gt; public string name { get; set; } /// &lt;summary&gt; /// workout detail value. /// &lt;/summary&gt; public string value { get =&gt; (string)getvalue(valueproperty); set =&gt; setvalue(valueproperty, value); } /// &lt;summary&gt; /// workout detail icon. /// &lt;/summary&gt; public string icon { get; set; } /// &lt;summary&gt; /// item layout value bounds. /// &lt;/summary&gt; public rectangle valuebounds { get; set; } /// &lt;summary&gt; /// item layout name bounds. /// &lt;/summary&gt; public rectangle namebounds { get; set; } /// &lt;summary&gt; /// workout detail action button visibility flag. /// &lt;/summary&gt; public bool isactionbuttonvisible { get; set; } #endregion } } itemtemplate the values provided by itemsource are used in itemtemplate. views/workout/detailspageview.xaml &lt;cui:circlelistview.itemtemplate&gt; &lt;datatemplate&gt; &lt;viewcell&gt; &lt;absolutelayout heightrequest=&#34;360&#34; horizontaloptions=&#34;fillandexpand&#34; verticaloptions=&#34;fillandexpand&#34;&gt; &lt;image absolutelayout.layoutflags=&#34;xproportional&#34; absolutelayout.layoutbounds=&#34;.5, 74, autosize, autosize&#34;&gt; &lt;image.source&gt; &lt;fileimagesource file=&#34;{binding icon}&#34; /&gt; &lt;/image.source&gt; &lt;/image&gt; &lt;label text=&#34;{binding value}&#34; fontsize=&#34;{staticresource fontsizem}&#34; textcolor=&#34;#fff&#34; absolutelayout.layoutflags=&#34;xproportional&#34; absolutelayout.layoutbounds=&#34;{binding valuebounds}&#34;&gt; &lt;/label&gt; &lt;label text=&#34;{binding name}&#34; fontsize=&#34;{staticresource fontsizexxs}&#34; fontattributes=&#34;bold&#34; textcolor=&#34;#aaffcc&#34; absolutelayout.layoutflags=&#34;xproportional&#34; absolutelayout.layoutbounds=&#34;{binding namebounds}&#34;&gt; &lt;/label&gt; &lt;button absolutelayout.layoutflags=&#34;all&#34; absolutelayout.layoutbounds=&#34;0, 1, 1, .25&#34; text=&#34;ok&#34; textcolor=&#34;#1b1b7d&#34; backgroundcolor=&#34;#aaffcc&#34; command=&#34;{binding bindingcontext.finishcommand, source={x:reference listview}}&#34; isvisible=&#34;{binding isactionbuttonvisible}&#34; tizen:visualelement.style=&#34;bottom&#34; /&gt; &lt;/absolutelayout&gt; &lt;/viewcell&gt; &lt;/datatemplate&gt; &lt;/cui:circlelistview.itemtemplate&gt; the values modify the content in each viewcell element accordingly, so that: the name and value properties set the values of the text property of the selected label elements the namebounds and valuebounds properties set the layoutbounds property of absolutely positioned label elements the icon property sets the source property of the image elements responsible for displaying the item icon the isactionbuttonvisible property sets the isvisible property of button elements, making them visible when the given value is true read more to learn more about the implementation of circlelistview in the workout application, please see this tutorial. thank you for reading the tutorials about the workout app. for more information about this app and developing for the tizen platform, please visit developer.tizen.org. </p> </div> <div class="search-card-info"> <p> <i class="icon-calendar"></i> <span attr-date-format="2020-11-19T14:43:00.000Z"></span> </p> <p> <i class="icon-user"></i> <span>Dariusz Paziewski</span> </p> </div> <div class="search-card-link"> <span>https://developer.samsung.com/tizen/blog/en-us/2020/11/19/workout-a-tizen-sample-app-using-circlelistview-to-display-data</span> </div> </a> </div> </div> <!-- Pagination --> <div class="base-pagination "> <ul class="pagination"> <li class="d-none"> <a class="d-none" href="/search?query=Blog&type=all&category=all&page=0"> <i class="icon-chevron-left"></i> </a> </li> <li class=""> <a class="active" href="/search?query=Blog&type=all&category=all&page=1"> 1 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=2"> 2 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=3"> 3 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=4"> 4 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=5"> 5 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=6"> 6 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=7"> 7 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=8"> 8 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=9"> 9 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=10"> 10 </a> </li> <li class=""> <a class="" href="/search?query=Blog&type=all&category=all&page=2"> <i class="icon-chevron-right"></i> </a> </li> </ul> </div> <hr class="search-hr" /> <!-- Information --> <div class="contents-footer"> <h3 class="text-group-sub-title type02">Didn’t find what you were looking for?</h3> <div class="support-card-group"> <a href="/dev-support#FAQ" class="card-item hover"> <div class="card-item-icon"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M69 66H85V78.5741C85 79.8419 83.4681 80.4768 82.5722 79.5803L69 66Z" fill="#2088FD"/> <rect x="31" y="34" width="54" height="38" rx="3.99993" fill="#2088FD"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M65.0001 20C67.2092 20 69 21.7908 69 23.9999V58H25.0036L17.4278 65.5803C16.5319 66.4768 15 65.8419 15 64.5741V54.0001V52V23.9999C15 21.7908 16.7908 20 18.9999 20H65.0001Z" fill="#23C778"/> <path d="M31 37.9999C31 35.7908 32.7908 34 34.9999 34H78V59.0001C78 61.2092 76.2092 63 74.0001 63H31V37.9999Z" fill="#2088FD"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M75 49H41V45H75V49Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M61 59H41V55H61V59Z" fill="white"/> </svg> </div> <h2 class="card-item-title" id="FAQ">FAQ</h2> <p class="card-item-text"> Search frequently asked<br /> questions<br /> by keywords. </p> </a> <a href="https://forum.developer.samsung.com" class="card-item hover"> <div class="card-item-icon"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27.1406 51.9999C31.5589 51.9999 35.1406 48.4182 35.1406 43.9999C35.1406 39.5816 31.5589 35.9999 27.1406 35.9999C22.7223 35.9999 19.1406 39.5816 19.1406 43.9999C19.1406 48.4182 22.7223 51.9999 27.1406 51.9999Z" fill="#23C778"/> <path d="M27.5 54.9999C19.1875 54.9999 12.2229 60.8869 10.3736 68.8039C10.1029 69.9624 11.0383 70.9999 12.2281 70.9999H42.7719C43.9617 70.9999 44.897 69.9624 44.6264 68.8039C42.777 60.8869 35.8123 54.9999 27.5 54.9999Z" fill="#23C778"/> <path d="M72.8594 52C68.4411 52 64.8594 48.4183 64.8594 44C64.8594 39.5817 68.4411 36 72.8594 36C77.2777 36 80.8594 39.5817 80.8594 44C80.8594 48.4183 77.2777 52 72.8594 52Z" fill="#0F42CF"/> <path d="M72.5 55C64.1875 55 57.2229 60.887 55.3736 68.804C55.1029 69.9626 56.0383 71 57.2281 71H87.7719C88.9617 71 89.897 69.9625 89.6264 68.804C87.777 60.887 80.8123 55 72.5 55Z" fill="#0F42CF"/> <path d="M50 50.9999C39.3597 50.9999 30.4761 58.6292 28.349 68.7983C28.1053 69.9632 29.0392 70.9999 30.2294 70.9999H69.7706C70.9608 70.9999 71.8947 69.9632 71.651 68.7982C69.5238 58.6292 60.6402 50.9999 50 50.9999Z" fill="#2088FD"/> <path d="M50 46.9999C55.5228 46.9999 60 42.5227 60 36.9999C60 31.477 55.5228 26.9999 50 26.9999C44.4772 26.9999 40 31.477 40 36.9999C40 42.5227 44.4772 46.9999 50 46.9999Z" fill="#2088FD"/> </svg> </div> <h2 class="card-item-title" id="Forums">Join the Forum</h2> <p class="card-item-text"> Visit the Forum to ask<br /> questions and exchange<br /> ideas with other developers. </p> </a> <a href="/dashboard/support" class="card-item hover"> <div class="card-item-icon"> <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M32 72.0004C44.1503 72.0004 54 62.1506 54 50.0002C54 37.8498 44.1503 28 32 28C19.8497 28 10 37.8498 10 50.0002C10 62.1506 19.8497 72.0004 32 72.0004ZM29.148 54.9467V55.3097H33.141V54.9467C33.141 51.9721 34.6143 50.7864 36.1015 49.5896C37.617 48.3699 39.147 47.1387 39.147 43.9907C39.147 39.8657 36.012 37.0938 31.524 37.0938C27.267 37.0938 24.792 39.2388 24 42.4067L28.158 43.8257C28.554 42.2087 29.709 40.9877 31.458 40.9877C33.405 40.9877 34.626 42.2417 34.626 43.9247C34.626 45.5591 33.6929 46.3559 32.597 47.2918C31.0374 48.6237 29.148 50.2372 29.148 54.9467ZM31.128 57.5308C29.445 57.5308 28.422 58.6197 28.422 60.2367C28.422 61.8208 29.412 62.9098 31.095 62.9098C32.778 62.9098 33.801 61.8208 33.801 60.2367C33.801 58.6197 32.811 57.5308 31.128 57.5308Z" fill="#2088FD"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M68 72.0004C80.1503 72.0004 90 62.1506 90 50.0002C90 37.8498 80.1503 28 68 28C55.8497 28 46 37.8498 46 50.0002C46 62.1506 55.8497 72.0004 68 72.0004ZM66.8305 54.8138H69.2395C69.8665 50.8538 70.2295 45.5408 70.2295 41.1188V37.2578H65.8075V41.1188C65.8075 45.5408 66.2035 50.8538 66.8305 54.8138ZM68.0185 57.3648C66.3355 57.3648 65.3125 58.4538 65.3125 60.0708C65.3125 61.6548 66.3025 62.7438 67.9855 62.7438C69.6685 62.7438 70.6915 61.6548 70.6915 60.0708C70.6915 58.4538 69.7015 57.3648 68.0185 57.3648Z" fill="#0F42CF"/> </svg> </div> <h2 class="card-item-title" id="1:1-Support">Get Support</h2> <p class="card-item-text"> Submit a 1:1 Support request<br /> and receive a response<br /> within 2 business days. </p> </a> </div> </div> </section> </div> </div> </div> </section> <footer class="sdp-footer" translate="no" data-component="true"> <div class="sdp-ft-wrap web-d-none"> <a class="navbar-brand" href="/">Samsung Developer</a> </div> <div class="inner-wrap"> <div class="sdp-sitemap"> <div class="sdp-ft-wrap doc-d-none"> <a class="navbar-brand" href="/">Samsung Developer</a> </div> <div class="sdp-ft-wrap"> <div class="ft-header"> <span>Quick Link</span> <button class="toggle-submenu"></button> </div> <div class="ft-depth2-wrap"> <div class="ft-depth2-inner"> <ul class="nav ft-menu-list"> <li class="menu-item"> <a class="item-link" href="/android-usb-driver"><span>Android USB Driver</span></a> </li> <li class="menu-item"> <a class="item-link" href="/codelab"><span>Code Lab</span></a> </li> <li class="menu-item"> <a class="item-link" href="/galaxy-emulator-skin"><span>Galaxy Emulator Skin</span></a> </li> <li class="menu-item"> <a class="item-link" href="/foldables-and-largescreens"><span>Foldables and Large Screens</span></a> </li> </ul> <ul class="nav ft-menu-list"> <li class="menu-item"> <a class="item-link" href="/remote-test-lab"><span>Remote Test Lab</span></a> </li> <li class="menu-item"> <a class="item-link" href="/dev-support"><span>Dev Support</span></a> </li> </ul> </div> </div> </div> <div class="sdp-ft-wrap"> <div class="ft-header"> <span>Family Site</span> <button class="toggle-submenu"></button> </div> <div class="ft-depth2-wrap"> <div class="ft-depth2-inner"> <ul class="nav ft-menu-list"> <li class="menu-item"> <a class="item-link" target="_blank" href="https://bixbydevelopers.com"><span>Bixby</span></a> </li> <li class="menu-item"> <a class="item-link" target="_blank" href="https://developer.samsungknox.com"><span>Knox</span></a> </li> <li class="menu-item"> <a class="item-link" target="_blank" href="https://developer.smartthings.com"><span>SmartThings</span></a> </li> <li class="menu-item"> <a class="item-link" target="_blank" href="https://docs.tizen.org"><span>Tizen</span></a> </li> </ul> <ul class="nav ft-menu-list"> <li class="menu-item"> <a class="item-link" target="_blank" href="https://research.samsung.com"><span>Samsung Research</span></a> </li> <li class="menu-item"> <a class="item-link" target="_blank" href="https://opensource.samsung.com/main"><span>Samsung Open Source</span></a> </li> <li class="menu-item"> <a class="item-link" target="_blank" href="https://www.europe-samsung.com/smsdev/Home/Index"><span>Samsung Dev Spain</span></a> </li> </ul> </div> </div> </div> <div class="sdp-ft-wrap sdp-ft-wrap-w-half"> <div class="ft-header"> <span>Legal</span> <button class="toggle-submenu"></button> </div> <div class="ft-depth2-wrap"> <div class="ft-depth2-inner"> <ul class="nav ft-menu-list"> <li class="menu-item ft-depth3-inner"> <div class="menu-item-button"> <span class="item-link"><span>Terms</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M1.71484 3.85547L6.00056 8.14118L10.2863 3.85547" stroke="currentColor" stroke-width="1.02857"></path> </svg> </div> <ul class="footer-dropdown-list"> <li><a href="/terms">Samsung Developer Terms</a></li> <li><a href="/wallet/terms?type=tos">Samsung Wallet Partner Terms</a></li> <li><a href="/pay/terms?type=tos">Samsung Pay Partner Terms</a></li> </ul> </li> <li class="menu-item ft-depth3-inner"> <div class="menu-item-button"> <span class="item-link"><span>Privacy</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M1.71484 3.85547L6.00056 8.14118L10.2863 3.85547" stroke="currentColor" stroke-width="1.02857"></path> </svg> </div> <ul class="footer-dropdown-list"> <li><a href="/privacy">Samsung Developer Privacy Policy</a></li> <li><a href="/wallet/terms?type=privacy">Samsung Wallet Partner Privacy Policy</a></li> <li><a href="/pay/terms?type=privacy">Samsung Pay Partner Privacy Policy</a></li> </ul> </li> <li class="menu-item ft-depth3-inner"> <div class="menu-item-button"> <a class="item-link" href="/open-source"><span>Open Source License</span></a> </div> </li> <li class="menu-item ft-depth3-inner"> <div class="menu-item-button"> <span class="item-link"><span>Cookie</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M1.71484 3.85547L6.00056 8.14118L10.2863 3.85547" stroke="currentColor" stroke-width="1.02857"></path> </svg> </div> <ul class="footer-dropdown-list"> <li><a href="/cookie-policy">Samsung Developer Cookie Policy</a></li> <li><a href="/wallet/terms?type=cookie">Samsung Wallet Partner Cookie Policy</a></li> <li><a href="/pay/terms?type=cookie">Samsung Pay Partner Cookie Policy</a></li> </ul> </li> </ul> </div> </div> </div> <!-- Social link ment for mobile --> <div class="sdp-ft-wrap li-mobile"> <div class="ft-header"> <span>Social Communications</span> <button class="toggle-submenu"></button> </div> <div class="ft-depth2-wrap"> <div class="ft-depth2-inner"> <ul class="nav ft-menu-list ft-sns-list"> <li class="menu-item"> <a class="item-link" href="https://www.facebook.com/samsungdev"><span>Facebook</span></a> </li> <li class="menu-item"> <a class="item-link" href="https://instagram.com/samsung_dev"><span>Instagram</span></a> </li> <li class="menu-item"> <a class="item-link" href="https://twitter.com/samsung_dev"><span>Twitter</span></a> </li> <li class="menu-item"> <a class="item-link" href="https://www.youtube.com/samsungdevelopers"><span>YouTube</span></a> </li> <li class="menu-item"> <a class="item-link" href="/feed"><span>Rss</span></a> </li> <li class="menu-item"> <a class="item-link" href="https://www.linkedin.com/company/samsungdevelopers"><span>Linkedin</span></a> </li> </ul> </div> </div> </div> <div class="sdp-ft-wrap sdp-ft-wrap-w-half"> <div class="ft-header"> <span></span> <button class="toggle-submenu"></button> </div> <div class="ft-depth2-wrap"> <div class="ft-depth2-inner"> <ul class="nav ft-menu-list system-list"> <li class="menu-item"> <a class="item-link" href="/system-status"><span>System Status</span></a> </li> <li class="menu-item"> <a class="item-link" href="/sitemap"><span>Site Map</span></a> </li> </ul> </div> </div> </div> </div> <div class="content"> <ul class="nav ft-menu-list system-list"> <li class="menu-item"> <a class="item-link" href="/system-status"><span>System Status</span></a> </li> <li class="menu-item"> <a class="item-link" href="/sitemap"><span>Site Map</span></a> </li> </ul> <ul class="nav ft-sns-list"> <li class="menu-item"><a class="item-link" href="https://www.facebook.com/samsungdev" target="_blank"><i class="s-ico s-ico-facebook"></i><span class="sr-only">facebook</span></a></li> <li class="menu-item"><a class="item-link" href="https://instagram.com/samsung_dev" target="_blank"><i class="s-ico s-ico-instagram"></i><span class="sr-only">instagram</span></a></li> <li class="menu-item"><a class="item-link" href="https://twitter.com/samsung_dev" target="_blank"><i class="s-ico s-ico-twitter"></i><span class="sr-only">twitter</span></a></li> <li class="menu-item"><a class="item-link" href="https://www.youtube.com/samsungdevelopers" target="_blank"><i class="s-ico s-ico-youtube"></i><span class="sr-only">youtube</span></a></li> <li class="menu-item"><a class="item-link" href="/feed" target="_blank"><i class="s-ico s-ico-rss"></i><span class="sr-only">rss</span></a></li> <li class="menu-item"><a class="item-link" href="https://www.linkedin.com/company/samsungdevelopers" target="_blank"><i class="s-ico s-ico-linkedin"></i><span class="sr-only">linkedin</span></a> </li> </ul> <p class="copyright">Copyright © 2024 SAMSUNG. All rights reserved.</p> </div> </div> </footer> </div> <div id="el-sdp-popup-cookies-wrapper" attr-page-id="cookie-policy-popup"> <!-- Cookie Management Tool Popup --> <article id="el-sdp-popup-cookie" class="base-modal cookie-manager-modal page-modal" data-target="cookieManagerModal"> <section id="modal-main-menu" class="base-modal-dialog"> <div class="base-modal-frame"> <i class="base-modal-close close-button" role="button" data-close="cookieManagerModal"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M1 1L15 15" stroke="black" stroke-width="1.6"/> <path d="M15 1L1 15" stroke="black" stroke-width="1.6"/> </svg> </i> <div class="base-modal-body"> <div class="base-text-group"> <h1 class="text-group-title"> Manage Your Cookies </h1> <p class="text-group-text"> We use cookies to improve your experience on our website and to show you relevant advertising. Manage you settings for our cookies below.</p> </div> <div class="base-section"> <div class="base-section-body"> <div class="base-section-panel"> <h2 class="base-section-title">Essential Cookies</h2> <p class="base-section-text"> These cookies are essential as they enable you to move around the website. This category cannot be disabled.</p> <div class="cookie-manager-cta"> <button type="button" class="cookie-manager-text-button" data-target="cookieButton"> <span>View Cookies</span> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 4.5L7 9.5L12 4.5" stroke="#363636" stroke-width="1.2"/> </svg> </button> </div> <div class="cookie-manager-table" data-target="cookieTable"> <dl> <dt>Company</dt> <dt>Domain</dt> <dd>Samsung Electronics</dd> <dd>.samsungdeveloperconference.com</dd> </dl> </div> </div> </div> </div> <div class="base-section"> <div class="base-section-body"> <div class="base-section-panel"> <h2 class="base-section-title">Analytical/Performance Cookies</h2> <p class="base-section-text"> These cookies collect information about how you use our website. for example which pages you visit most often. All information these cookies collect is used to improve how the website works.</p> <div class="cookie-manager-cta"> <button type="button" class="cookie-manager-text-button" data-target="cookieButton"> <span>View Cookies</span> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 4.5L7 9.5L12 4.5" stroke="#363636" stroke-width="1.2"/> </svg> </button> <div class="base-sort" id="performance-select" value="performance"> <label> <input type="radio" name="sort1" hidden checked /> <span class="base-sort-label">NO</span> </label> <label> <input type="radio" name="sort1" hidden /> <span class="base-sort-label">YES</span> </label> </div> </div> <div class="cookie-manager-table" data-target="cookieTable"> <dl> <dt>Company</dt> <dt>Domain</dt> <dd>LinkedIn</dd> <dd>.linkedin.com</dd> <dd>Meta (formerly Facebook)</dd> <dd>.samsungdeveloperconference.com</dd> <dd>Google Inc.</dd> <dd>.samsungdeveloperconference.com</dd> </dl> </div> </div> </div> </div> <div class="base-section"> <div class="base-section-body"> <div class="base-section-panel"> <h2 class="base-section-title">Functionality Cookies</h2> <p class="base-section-text"> These cookies allow our website to remember choices you make (such as your user name, language or the region your are in) and tailor the website to provide enhanced features and content for you.</p> <div class="cookie-manager-cta"> <button type="button" class="cookie-manager-text-button" data-target="cookieButton"> <span>View Cookies</span> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 4.5L7 9.5L12 4.5" stroke="#363636" stroke-width="1.2"/> </svg> </button> <div class="base-sort" id="functionality-select" value="functionality"> <label> <input type="radio" name="sort2" hidden checked /> <span class="base-sort-label">NO</span> </label> <label> <input type="radio" name="sort2" hidden /> <span class="base-sort-label">YES</span> </label> </div> </div> <div class="cookie-manager-table" data-target="cookieTable"> <dl> <dt>Company</dt> <dt>Domain</dt> <dd>LinkedIn</dd> <dd>.ads.linkedin.com, .linkedin.com</dd> </dl> </div> </div> </div> </div> <div class="base-section"> <div class="base-section-body"> <div class="base-section-panel"> <h2 class="base-section-title">Advertising Cookies</h2> <p class="base-section-text"> These cookies gather information about your browser habits. They remember that you've visited our website and share this information with other organizations such as advertisers.</p> <div class="cookie-manager-cta"> <button type="button" class="cookie-manager-text-button" data-target="cookieButton"> <span>View Cookies</span> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M2 4.5L7 9.5L12 4.5" stroke="#363636" stroke-width="1.2"/> </svg> </button> <div class="base-sort" id="advert-select" value="advert"> <label> <input type="radio" name="sort3" hidden checked /> <span class="base-sort-label">NO</span> </label> <label> <input type="radio" name="sort3" hidden /> <span class="base-sort-label">YES</span> </label> </div> </div> <div class="cookie-manager-table" data-target="cookieTable"> <dl> <dt>Company</dt> <dt>Domain</dt> <dd>LinkedIn</dd> <dd>.linkedin.com</dd> <dd>Meta (formerly Facebook)</dd> <dd>.samsungdeveloperconference.com</dd> <dd>Google Inc.</dd> <dd>.samsungdeveloperconference.com</dd> </dl> </div> </div> </div> </div> </div> <footer class="base-modal-footer"> <button type="button" class="base-button submit-button"> <span>Save Preference</span> </button> </footer> </div> </section> </article> <!-- Preferences Submitted Popup --> <article id="el-sdp-popup-submitted" class="base-modal alert" data-target="cookie-submit-popup"> <section class="base-modal-dialog"> <div class="base-modal-frame"> <i class="base-modal-close" role="button" data-close="cookie-submit-popup"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M1 1L15 15" stroke="black" stroke-width="1.6"/> <path d="M15 1L1 15" stroke="black" stroke-width="1.6"/> </svg> </i> <div class="base-modal-body"> <div class="base-text-group"> <h1 class="text-group-title"> Preferences Submitted </h1> <p class="text-group-text"> You have successfully updated your cookie preferences. </p> </div> </div> <footer class="base-modal-footer"> <button type="button" class="base-button" data-close="cookie-submit-popup"> <span>Close</span> </button> </footer> </div> </section> </article> </div> </div> <script type="text/javascript" src="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/js/sdp.common.min.js"></script> <script type="text/javascript" src="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/js/sdp.ui.min.js"></script> <script type="text/javascript" src="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/js/sdp.utils.min.js"></script> <script type="text/javascript" src="https://d3unf4s5rp9dfh.cloudfront.net/public/db5fbba/js/sdp.helpers.min.js"></script> <!-- START CUSTOM SCRIPTS --> <!-- END CUSTOM SCRIPTS --> <!-- Start Admin Preview / Review Part --> <!-- End Admin Preview / Review Part --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10