{"id":1374,"date":"2022-10-30T06:48:00","date_gmt":"2022-10-30T06:48:00","guid":{"rendered":"https:\/\/smart-home-guide.dk\/?p=1374"},"modified":"2023-05-06T07:58:45","modified_gmt":"2023-05-06T05:58:45","slug":"saadan-bygger-du-det-perfekte-dashboard-del-2","status":"publish","type":"post","link":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/","title":{"rendered":"S\u00e5dan bygger du det perfekte dashboard &#8211; DEL 2"},"content":{"rendered":"<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-ce5c0a54      \" data-scroll=\"1\" data-offset=\"30\" style=\"\">\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tIndholdsfortegnelse\t\t\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 384 512\"><path d=\"M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#to-yaml-or-not-to-yaml\" class=\"uagb-toc-link__trigger\">To YAML or not to YAML&hellip;<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#yaml-fordel-1-genbrug-kode\" class=\"uagb-toc-link__trigger\">YAML fordel #1: Genbrug kode<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#yaml-fordel-2-opdel-kode\" class=\"uagb-toc-link__trigger\">YAML fordel #2: Opdel kode<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#yaml-fordel-3-komment%C3%A9r-kode\" class=\"uagb-toc-link__trigger\">YAML fordel #3: Komment&eacute;r kode<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#anbefaling-brug-b%C3%A5de-yaml-og-gui\" class=\"uagb-toc-link__trigger\">Anbefaling: Brug b&aring;de YAML og GUI&hellip;<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#s%C3%A5dan-kommer-du-i-gang\" class=\"uagb-toc-link__trigger\">S&aring;dan kommer du i gang<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#opret-nyt-dashboard\" class=\"uagb-toc-link__trigger\">Opret nyt dashboard<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#opbygning-af-layout\" class=\"uagb-toc-link__trigger\">Opbygning af layout<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#brug-af-include-funktionen\" class=\"uagb-toc-link__trigger\">Brug af !include funktionen<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#s%C3%A5dan-g%C3%B8r-du-dit-dashboard-l%C3%A6kkert\" class=\"uagb-toc-link__trigger\">S&aring;dan g&oslash;r du dit dashboard l&aelig;kkert<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#fjern-top-og-sidemenu\" class=\"uagb-toc-link__trigger\">Fjern top- og sidemenu<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#pop-up-vinduer-med-browser-mod\" class=\"uagb-toc-link__trigger\">Pop-up vinduer med browser_mod<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#opdel-indhold-med-tabbed-card\" class=\"uagb-toc-link__trigger\">Opdel indhold med tabbed-card<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#skift-indhold-med-swipe-card\" class=\"uagb-toc-link__trigger\">Skift indhold med swipe-card<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#dynamisk-indhold-med-betingede-kort\" class=\"uagb-toc-link__trigger\">Dynamisk indhold med betingede kort<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#fuld-fleksibilitet-med-custombutton-card\" class=\"uagb-toc-link__trigger\">Fuld fleksibilitet med custom:button-card<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#fjernbetjening\" class=\"uagb-toc-link__trigger\">Fjernbetjening<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#visning-af-dagens-madplan\" class=\"uagb-toc-link__trigger\">Visning af dagens madplan<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#temperaturvisning\" class=\"uagb-toc-link__trigger\">Temperaturvisning<\/a><\/li><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#genvej-til-views-p%C3%A5-mobilt-dashboard\" class=\"uagb-toc-link__trigger\">Genvej til views p&aring; mobilt dashboard<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#afrunding\" class=\"uagb-toc-link__trigger\">Afrunding<\/a><\/li><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg beskriver i denne guide, hvordan man bygger det perfekte <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> i Home Assistant (HA). Dette er del 2. <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/09\/saadan-bygger-du-det-perfekte-dashboard-del-1\/\" target=\"_blank\" rel=\"noreferrer noopener\">F&oslash;rste del af guiden<\/a> fokuserede p&aring; design og overvejelser omkring indhold og funktionalitet. I denne del 2 af guiden fokuserer jeg p&aring;, hvordan du rent praktisk bygger dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> i HA.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">To <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> or not to <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>&hellip;<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Man kan oprette og redigere dashboards p&aring; to forskellige m&aring;der. Som standard redigeres <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> gennem HA&rsquo;s brugergr&aelig;nseflade (GUI). Dette er klart nemmest, men giver ogs&aring; begr&aelig;nsninger og gentagen kode. Det kan ogs&aring; v&aelig;re vanskeligere at kopiere og tilrette kode fra andre brugere. Samtidigt underst&oslash;tter mange bruger-genererede frontend elementer (<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a>) ikke redigering via brugergr&aelig;nsefladen. S&aring; vil du bruge dem, kommer du helt sikkert til at bruge <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> kode.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> fordel #1: Genbrug kode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>Dashboard<\/a> kan ogs&aring; redigeres i <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>-mode, hvor dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> vedligeholdes ved at skrive <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> kode. Det g&oslash;res enten manuelt eller ved at kopiere og tilrette kode fra andre brugere, fra eksempler i dokumentationen eller fra forskellige guides. Det g&oslash;r det s&aring;ledes meget nemmere at kopiere og genbruge <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> kode fra andre brugere.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> fordel #2: Opdel kode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En anden fordel ved at redigere sit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> i <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> er at man kan opdele sin kode i flere forskellige filer. Ved at lave en s&aelig;rskilt fil for hvert enkelte element p&aring; sit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>, bliver det dels nemmere at vedligeholde det enkelte element samtidig med at man kan genbruge koden p&aring; tv&aelig;rs af forskellige dashboards. Endeligt kan du hurtigt flytte elementet rundt p&aring; dit ved at flytte en enkelt linje.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> fordel #3: Komment&eacute;r kode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sidst, men ikke mindst, s&aring; kan man i <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>-redigering inds&aelig;tte kommentarer i koden. Dette er nyttigt til at dokumentere koden, men kan ogs&aring; bruges til hurtigt at deaktivere dele af ens <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> uden at skulle slette det helt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Anbefaling: Brug b&aring;de <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> og GUI&hellip;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg anbefaler derfor at bruge <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> til redigering af <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> og bruger det ogs&aring; selv i <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/08\/29\/info-om-min-home-assistant-loesning\/#dashboards\" target=\"_blank\" rel=\"noreferrer noopener\">min l&oslash;sning<\/a>. Det betyder dog ikke, at jeg skriver al min <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> kode fra bunden. Jeg har nemlig ogs&aring; et test <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>, som jeg bruger til hurtigt at oprette nye elementer og derefter kopiere <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> koden til mit prim&aelig;re <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hvis du v&aelig;lger at redigere koden i <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>-mode, findes der flere forskellige v&aelig;rkt&oslash;jer, bl.a. tilf&oslash;jelsesprogrammet &rdquo;<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Studio Code Server&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Studio Code Server (tidligere kaldet &amp;quot;Visual Studio Code&rdquo;) er en addon, der g&oslash;r det muligt at redigere YAML filer direkte i din Web browser.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Kode editoren er integreret med HA, s&aring; du med brug af auto-complete hurtigt kan finde navne p&aring; dine entiteter, ligesom programmet hj&aelig;lper med at sikre korrekt indrykning og formatering (syntax mv.) af din kode.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan have flere filer &aring;bne samtidigt i forskellige tabs, s&aring; det bliver mere simpelt at kopiere og genbruge kode mellem forskellige dashboards.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:image {&amp;quot;id&amp;quot;:1489,&amp;quot;sizeSlug&amp;quot;:&amp;quot;full&amp;quot;,&amp;quot;linkDestination&amp;quot;:&amp;quot;none&amp;quot;} --&amp;gt;&amp;lt;figure class=&amp;quot;wp-block-image size-full&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-61.png&amp;quot; alt=&amp;quot;&amp;quot; class=&amp;quot;wp-image-1489&amp;quot;\/&amp;gt;&amp;lt;\/figure&amp;gt;&amp;lt;!-- \/wp:image --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/studio-code-server\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>Studio Code Server<\/a>&rdquo;, som kan bruges til at hj&aelig;lpe med at holde styr p&aring; korrekt indrykning, formatering mv.:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"944\" height=\"526\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-61.png\" alt=\"\" class=\"wp-image-1489\" srcset=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-61.png 944w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-61-300x167.png 300w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-61-768x428.png 768w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-61-800x445.png 800w\" sizes=\"auto, (max-width: 944px) 100vw, 944px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Denne del af guiden kr&aelig;ver et vist forudg&aring;ende kendskab til design af <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> i HA. Det er bl.a. en fordel, hvis du er vant til at tilrette dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> ved brug af <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>. Der findes gode guides til, hvordan man bygger sit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> i <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>, bl.a. denne her fra <a href=\"https:\/\/www.juanmtech.com\/how-to-set-up-lovelace-on-home-assistant\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">JuanMTech<\/a>. Og der findes masser af <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> kode eksempler og komplette HA systemops&aelig;tninger p&aring; <a href=\"https:\/\/github.com\/search?o=desc&amp;q=topic%3Ahome-assistant-config&amp;s=&amp;type=Repositories\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">GitHub<\/a>. Du kan ogs&aring; hente inspiration i <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/08\/29\/info-om-min-home-assistant-loesning\/#dashboards\" target=\"_blank\" rel=\"noreferrer noopener\">min l&oslash;sning<\/a> og finde den komplette <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> kode p&aring; min <a href=\"https:\/\/github.com\/dykandDK\/home-assistant-config\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">GitHub<\/a>.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">S&aring;dan kommer du i gang<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Dette afsnit beskriver hvordan du f&aring;r oprettet et nyt <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> og opbygget dit layout og indhold. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg giver ogs&aring; et par eksempler p&aring; elementer, som man kan g&oslash;re brug af.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opret nyt <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Du skal rette i din <code class=\"\" data-line=\"\">configuration.<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>yaml<\/a><\/code> fil for at tilf&oslash;je et nyt <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>, der kan redigeres i <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F&oslash;lgende kode tilf&oslash;jer et nyt <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> til brug p&aring; tablet samtidigt med at eksisterende dashboards fortsat kan redigeres i GUI.<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">lovelace:\n  mode: storage\n  dashboards:\n    tablet-<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>yaml<\/a>:\n      mode: <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>yaml<\/a>\n      title: Tablet\n      icon: mdi:tablet\n      show_in_sidebar: true\n      filename: tablet.<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>yaml<\/a><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Du skal selv oprette en ny fil med det navn, der er angivet under &rdquo;filename&rdquo;. Filen skal placeres i din config mappe. Du kan oprette filen gennem &ldquo;File Editor&rdquo; eller &rdquo;<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Studio Code Server&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Studio Code Server (tidligere kaldet &amp;quot;Visual Studio Code&rdquo;) er en addon, der g&oslash;r det muligt at redigere YAML filer direkte i din Web browser.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Kode editoren er integreret med HA, s&aring; du med brug af auto-complete hurtigt kan finde navne p&aring; dine entiteter, ligesom programmet hj&aelig;lper med at sikre korrekt indrykning og formatering (syntax mv.) af din kode.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan have flere filer &aring;bne samtidigt i forskellige tabs, s&aring; det bliver mere simpelt at kopiere og genbruge kode mellem forskellige dashboards.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:image {&amp;quot;id&amp;quot;:1489,&amp;quot;sizeSlug&amp;quot;:&amp;quot;full&amp;quot;,&amp;quot;linkDestination&amp;quot;:&amp;quot;none&amp;quot;} --&amp;gt;&amp;lt;figure class=&amp;quot;wp-block-image size-full&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;http:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-61.png&amp;quot; alt=&amp;quot;&amp;quot; class=&amp;quot;wp-image-1489&amp;quot;\/&amp;gt;&amp;lt;\/figure&amp;gt;&amp;lt;!-- \/wp:image --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/studio-code-server\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>Studio Code Server<\/a>&rdquo; tilf&oslash;jelsesprogrammerne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N&aring;r du har &aelig;ndret i din konfigurationsfil og tilf&oslash;jet den nye <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> fil, skal du genstarte HA.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opbygning af layout<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HA fors&oslash;ger selv at tilpasse fordelingen af indhold p&aring; sk&aelig;rmen ved at placere de forskellige elementer (<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a>) p&aring; siden i en r&aelig;kke kolonner, der tilpasses til sk&aelig;rmens st&oslash;rrelse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det kan indimellem give nogle u&oslash;nskede resultater med, at indhold ikke vise i den &oslash;nskede orden p&aring; sk&aelig;rmen eller at antallet af kolonner er forskelligt fra det &oslash;nskede layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En mulighed er at benytte en brugerudviklet komponent (<a href=\"https:\/\/github.com\/thomasloven\/lovelace-layout-card\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">layout-card<\/a>) til at styre opdelingen af sk&aelig;rmen i de &oslash;nskede felter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg har dog valgt at bruge standard elementer, s&aring;som picture-elements og vertical\/horizontal stack elementer til at opbygge mit layout for at f&aring; fuld kontrol over ops&aelig;tningen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selve rammen i mit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> er s&aring;ledes udbygget af en kombination af vertical og horizontal-stack elementer, som illustreret nedenfor:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"945\" height=\"620\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-60.png\" alt=\"\" class=\"wp-image-1466\" srcset=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-60.png 945w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-60-300x197.png 300w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-60-768x504.png 768w\" sizes=\"auto, (max-width: 945px) 100vw, 945px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Koden til selve rammen p&aring; forsiden er f&oslash;lgende:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">views:\n  - icon: mdi:home\n    title: Home\n    panel: true\n    cards: \n      - type: vertical-stack\n        cards:\n          ######################################################################\n          ###                          Header row                            ###\n          ######################################################################\n          - type: horizontal-stack\n            cards:\n              - !include include\/cards\/tablet_header.<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>yaml<\/a>\n          ######################################################################\n          ###                   Main content - 3 columns                     ###\n          ######################################################################\n          - type: horizontal-stack\n            cards:\n              ##################################################################\n              ###                         Column #1                          ###\n              ##################################################################\n              - type: vertical-stack\n                cards:\n                  - ...\n              ##################################################################\n              ####                        Column #2                          ###\n              ##################################################################\n              - type: vertical-stack\n                cards:\n                  - ...\n              ##################################################################\n              ####                        Column #3                          ###\n              ##################################################################\n              - type: vertical-stack\n                cards:\n                  - ...<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bem&aelig;rk ogs&aring; linjen &rdquo;panel: true&rdquo;. Dette g&oslash;r, at det f&oslash;rste <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a> s&aelig;ttes til at fylde hele bredden af sk&aelig;rmen. Al koden er derfor placeret i &eacute;t <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a>: det f&oslash;rste vertical-stack <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a>. Det bevirker dog ogs&aring;, at dashboardet ikke vil kunne vises p&aring; en mobil-enhed, hvor der ikke er plads til tre kolonner. Jeg har i stedet valgt at lave et s&aelig;rskilt <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> til mobiler. Dette <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> har fokus p&aring; den funktionalitet, som vi ofte anvender p&aring; mobile enheder og er optimeret visning p&aring; mindre sk&aelig;rme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L&aelig;g ogs&aring; m&aelig;rke til linjerne med #. Dette er kommentarer, der er indsat for at g&oslash;re dette lettere at overskue koden.  Man vil ogs&aring; kunne s&oslash;ge efter de ord, der er brugt i kommentarerne. G&oslash;r det derfor til en god vane at tilf&oslash;je kommentarer, n&aring;r du redigerer i <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>. S&aring; kan du efterf&oslash;lgende huske, hvad de enkelte dele af koden bruges til. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Brug af !include funktionen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Som n&aelig;vnt tidligere, er en af fordelen ved at redigere sit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> i <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a>, at man kan opdele sin kode i flere forskellige filer. Til dette bruges <code class=\"\" data-line=\"\">!include<\/code> funktionen. Den fungerer ved at en del af din kode kan placeres i en eller flere s&aelig;rskilte <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> filer. Og s&aring; kan koden i de filer indl&aelig;ses i dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> ved at skrive <code class=\"\" data-line=\"\">!include filename.<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>yaml<\/a><\/code>. Filen <code class=\"\" data-line=\"\">filename.<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>yaml<\/a><\/code> indeholder s&aring; al den den kode, der skal inds&aelig;ttes eller genbruges.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Koden i de enkelte filer kan bruges i forskellige dashboards &ndash; f.eks. b&aring;de p&aring; tablet og mobilen og skal kun rettes &eacute;t sted. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg bruger selv denne funktion ret meget i <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/08\/29\/info-om-min-home-assistant-loesning\/#dashboards\" target=\"_blank\" rel=\"noreferrer noopener\">min l&oslash;sning<\/a>. Dels for at g&oslash;re min kode mere overskuelig. Men ogs&aring; for at kunne genbruge den samme kode flere steder p&aring; mit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> eller p&aring; tv&aelig;rs af forskellige dashboards. F.eks. indeholder filen <a href=\"https:\/\/github.com\/dykandDK\/home-assistant-config\/blob\/master\/include\/cards\/tablet_header.yaml\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><kbd>tablet_header.yaml<\/kbd><\/a> den kode, der bruges til den &oslash;verste linje i mit tablet <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>. Den bliver indsat for hvert view (tab) i mit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>, som vist i eksemplet med forsiden ovenfor.<\/p>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-background wp-block-paragraph\" style=\"background-color:#f0f0f0\"><strong>BEM&AElig;RK<\/strong><br><a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> koden i filen skal starte uden indrykningerne, da indholdet i princippet bliver indsat med samme indrykning, som der, hvor du bruger <code class=\"\" data-line=\"\">!include<\/code> funktionen i din kode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">S&aring;dan g&oslash;r du dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> l&aelig;kkert<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">I dette afsnit viser jeg eksempler p&aring; elementer og <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> kode, der kan bruges til at g&oslash;re dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> mere simpelt og brugervenligt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fjern top- og sidemenu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg har valgt at fjerne menuen i toppen og siden p&aring; mit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> for at lave et mere simpelt layout. I stedet for top menuen, har jeg lavet min egen menu-linje, der indeholder en kombination af tekst, ikoner og billeder. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Top menuen er fjernet ved hj&aelig;lp af <a href=\"https:\/\/github.com\/NemesisRE\/kiosk-mode\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Kiosk Mode<\/a> udvidelsen fra <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/\" target=\"_blank\" rel=\"noreferrer noopener\">HACS<\/a>. N&aring;r udvidelsen er installeret, kan topmenuen fjernes ved at tilf&oslash;je f&oslash;lgende kode til toppen af koden:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">kiosk_mode:\n  hide_header: true<\/code><\/pre>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-background wp-block-paragraph\" style=\"background-color:#f0f0f0\"><strong>TIP<\/strong><br>Hvis du har behov for midlertidigt at f&aring; vist top menuen igen, kan du tilf&oslash;je <code class=\"\" data-line=\"\">?disable_km<\/code> til din webadressen i din browser.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pop-up vinduer med browser_mod<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/thomasloven\/hass-browser_mod\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Browser_mod<\/a> integrationen fra <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/\" target=\"_blank\" rel=\"noreferrer noopener\">HACS<\/a> indeholder en masse forskellig funktionalitet. Den kan bl.a. benyttes til at lave popup-vinduer p&aring; dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>. De kan enten startes fra en <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Automatisering&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En automatisering er en m&aring;de til automatisk at udf&oslash;re forskellige handlinger i HA uden input fra dig eller andre brugere. Automatiseringer kan udf&oslash;res p&aring; faste tidspunkter eller ved forskellige h&aelig;ndelser og betingelser.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan eksempelvis v&aelig;re en simpel automatisering, der t&aelig;nder lyset, n&aring;r du kommer hjem. Eller en mere avanceret automatisering, som slukker for alt lys, advarer om evt. &aring;bne d&oslash;re og vinduer og aktiverer alarmen, n&aring;r du g&aring;r i seng om aftenen. &amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/automatisering\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>automatisering<\/a>. Eksempelvis med et billede fra et overv&aring;gningskamera, n&aring;r der registreres bev&aelig;gelse. Eller, n&aring;r der klikkes p&aring; et element p&aring; dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Her er et eksempel, hvor der vises en detaljeret vejrudsigt for de n&aelig;ste 2 dage, n&aring;r der klikkes p&aring; 5 d&oslash;gnsprognosen:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1275\" height=\"798\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/browser_mod_popup_example-1.gif\" alt=\"\" class=\"wp-image-1578\"\/><figcaption class=\"wp-element-caption\">Eksempel p&aring; popup vindue med brug af browser_mod<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Denne kode er brugt til at lave popup vinduet:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">- type: weather-forecast\n  entity: weather.home\n  tap_action:\n    action: fire-dom-event\n    browser_mod:\n      service: browser_mod.popup\n      data:\n        title: Vejrudsigt\n        size: fullscreen\n        content:\n          type: picture\n          image: https:\/\/www.yr.no\/nb\/innhold\/2-2618425\/meteogram.svg<\/code><\/pre>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-background wp-block-paragraph\" style=\"background-color:#f0f0f0\"><strong>TIP<\/strong><br>Du kan tilf&oslash;je flere elementer til et popup vindue ved at samle dem i et vertical eller horizontal stack <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opdel indhold med tabbed-card<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/kinghat\/tabbed-card\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tabbed-card<\/a> fra <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/\" target=\"_blank\" rel=\"noreferrer noopener\">HACS<\/a> g&oslash;r det muligt at inddele indhold p&aring; sit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> i forskellige tabs, som man let kan skifte mellem. I mods&aelig;tning til views, der vises som s&aelig;rskilte tabs i menubaren &oslash;verst, s&aring; kan tabbed card inds&aelig;ttes hvor som p&aring; dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>. Det kan f.eks. bruges til at skifte mellem lysstyring i forskellige rum eller skift mellem forskellige funktioner som vist i dette eksempel:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"172\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/tabbed_card_example.gif\" alt=\"\" class=\"wp-image-1565\"\/><figcaption class=\"wp-element-caption\">Eksempel p&aring; brug af tabbed-card<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Denne kode viser et eksempel med tre forskellige tabs:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">- type: custom:tabbed-card\n  tabs:\n    - card:\n        type: entities\n        entities:\n          - light.kokken\n          - light.kontor\n      attributes:\n        label: Lys\n        icon: mdi:lightbulb\n    - card:\n        type: entities\n        entities:\n          - entity: binary_sensor.bornevaerelse_sensor_motion\n            name: B&oslash;rnev&aelig;relse\n      attributes:\n        label: Bev&aelig;gelse\n        icon: mdi:motion-sensor\n    - card:\n        type: entities\n        entities:\n          - entity: sensor.bornevaerelse_sensor_temperature\n            name: B&oslash;rnev&aelig;relse\n      attributes:\n        label: Temperatur\n        icon: mdi:thermometer\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Skift indhold med swipe-card<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/bramkragten\/swipe-card\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Swipe-card<\/a> fra <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/\" target=\"_blank\" rel=\"noreferrer noopener\">HACS<\/a> er anden mulighed for at skifte mellem forskelligt indhold p&aring; dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>. Det fungerer super godt p&aring; f.eks. mobile enheder, hvor der ikke er s&aring; meget plads p&aring; sk&aelig;rmen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nedenst&aring;ende viser, hvordan swipe-card kan bruges til at swipe mellem forskelligt indhold p&aring; dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/community-assets.home-assistant.io\/original\/3X\/b\/4\/b47de8a44b16b15ae03a6998262575632c5349c6.gif\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Denne kode kan bruges til at swipe mellem tre forskellige entiteter samtidigt med at en scrollbar illustrerer antallet af elementer, der kan swipes mellem:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">- type: custom:swipe-card\n  reset_after: 30\n  parameters:\n    spaceBetween: 8\n    scrollbar:\n      hide: false\n      draggable: true\n      snapOnRelease: true\n  cards:\n    - type: entity\n      entity: sensor.local_time\n    - type: entity\n      entity: sensor.local_date\n    - type: entity\n      entity: sun.sun<\/code><\/pre>\n\n\n\n<p class=\"has-text-align-left has-black-color has-text-color has-background wp-block-paragraph\" style=\"background-color:#f0f0f0\"><strong>TIP<\/strong><br>Du kan swipe mellem flere elementer p&aring; &eacute;n gang ved at samle dem i et vertical eller horizontal stack <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dynamisk indhold med betingede <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For at g&oslash;re dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> mere simpelt og overskueligt, kan du v&aelig;lge at skjule indhold indtil en given betingelse er opfyldt. F.eks. kan du n&oslash;jes med at vise video for overv&aring;gningskamera, n&aring;r der er registreret bev&aelig;gelse eller kun vise status p&aring; robotpl&aelig;neklipperen om i sommers&aelig;sonen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Til dette form&aring;l kan du bruge betingede <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a>, som er indbygget som standard i HA.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I dette eksempel bruges et betinget <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a> til at vise en graf, n&aring;r elementen &ldquo;Vis detaljer&rdquo; er aktiveret:<\/p>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-b3296355 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/conditional_card_example.gif\" alt=\"\" class=\"uag-image-1595\" width=\"503\" height=\"333\" title=\"\" loading=\"lazy\"\/><figcaption class=\"uagb-image-caption\">Eksempel p&aring; dynamisk indhold med betingede <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">F&oslash;lgende kode bruges til at vise eller skjule grafen i ovenst&aring;ende eksempel:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">- type: conditional\n  conditions:\n    - entity: input_boolean.show_details\n      state: 'on'\n  card:\n    hours_to_show: 24\n    graph: line\n    type: sensor\n    entity: sensor.bornevaerelse_sensor_temperature\n    detail: 1<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fuld fleksibilitet med custom:button-card<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Et af de <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a>, som jeg bruger mest i min l&oslash;sning er <a href=\"https:\/\/github.com\/custom-cards\/button-card\">custom:button-card<\/a> fra <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/\" target=\"_blank\" rel=\"noreferrer noopener\">HACS<\/a>. Kortet giver mange muligheder for at lave knapper med forskelligt layout og indhold.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg giver i dette afsnit et par eksempler p&aring;, hvordan jeg har brugt kortet i min l&oslash;sning.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fjernbetjening<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">N&aelig;sten alt indhold i min fjernbetjening til styring af Apple TV og min AVR er lavet med custom:button-card elementer. Det illustrerer meget godt fleksibiliteten af kortet:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"1024\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-27-501x1024.png\" alt=\"\" class=\"wp-image-1030\" srcset=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-27-501x1024.png 501w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-27-147x300.png 147w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-27-768x1569.png 768w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-27-752x1536.png 752w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-27-1002x2048.png 1002w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-27.png 1170w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\"\/><figcaption class=\"wp-element-caption\">Fjernbetjening<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Den &oslash;verste r&aelig;kke med knapper har i princippet samme funktion som tabbed card, da der kan skiftes mellem forskelligt indhold p&aring; siden. Den aktive funktion er fremh&aelig;vet med en bl&aring; ramme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N&aelig;ste r&aelig;kke knapper har et billede som baggrund og bruges til at v&aelig;lge hvilken kilde, der skal afspilles fra p&aring; Apple TV.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Knapperne p&aring; selve fjernbetjeningen er blot et stort ikon eller tekst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Den nederste &ldquo;knap&rdquo; viser hvad der aktuelt afspilles som et baggrundsbillede og med tekst.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Visning af dagens madplan<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg bruger ogs&aring; custom:button-card til at vise dagens opskrift p&aring; forsiden af mit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"658\" height=\"280\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/08\/image-2.png\" alt=\"\" class=\"wp-image-39\" srcset=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/08\/image-2.png 658w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/08\/image-2-300x128.png 300w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan l&aelig;se mere om, hvordan jeg har lavet ovenst&aring;ende i dette indl&aelig;g:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-smart-home-guide wp-block-embed-smart-home-guide\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"iStebYMWym\"><a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/25\/ugens-opskrift-med-mealie\/\">Ugens opskrift med Mealie<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&ldquo;Ugens opskrift med Mealie&rdquo; &mdash; Smart Home Guide\" src=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/25\/ugens-opskrift-med-mealie\/embed\/#?secret=j9hNVCAgNe#?secret=iStebYMWym\" data-secret=\"iStebYMWym\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Temperaturvisning<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg har lavet knapper til visning af temperatur i forskellige rum: <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"164\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image.jpeg\" alt=\"\" class=\"wp-image-1551\" srcset=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image.jpeg 433w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-300x114.jpeg 300w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\"\/><figcaption class=\"wp-element-caption\">Knapper til visning af temperaturer<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Knappen minder om standard sensor kortet, men har udvidet funktionalitet:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Knappens baggrundsfarve viser om temperaturen er h&oslash;jere eller lavere end <\/li>\n\n\n\n<li>Der vises et ikon, hvis d&oslash;re eller vinduer er &aring;bne i det p&aring;g&aelig;ldende rum<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Genvej til views p&aring; mobilt <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">P&aring; mit mobile <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>, har jeg lavet et menupunkt (view), som giver hurtig adgang til andre views. S&aring; slipper man for at scrolle i top menulinjen, men kan v&aelig;lge det &oslash;nskede view via en knap i stedet for:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"1024\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-30-505x1024.png\" alt=\"\" class=\"wp-image-1048\" srcset=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-30-505x1024.png 505w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-30-148x300.png 148w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-30-768x1558.png 768w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-30-757x1536.png 757w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-30-1009x2048.png 1009w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/09\/image-30.png 1170w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\"\/><figcaption class=\"wp-element-caption\">Ekstra menupunkter p&aring; mobilt <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Hver knap har forskellig baggrundsfarve og kan indeholder yderligere information, s&aring; man m&aring;ske sparer det ekstra klik videre til det n&aelig;ste view.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Afrunding<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg har i denne guide fors&oslash;gt at vise forskellige elementer, der kan bruges til at g&oslash;re dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> mere interaktivt og brugervenligt. Ved at kombinere de forskellige elementer, er det n&aelig;sten kun fantasien, der s&aelig;tter gr&aelig;nser for, hvordan du kan designe dit <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dette eksempel fra mit musik <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a> kombinerer flere forskellige af ovenst&aring;ende elementer:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"800\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/browser_mod_popup_example2.gif\" alt=\"\" class=\"wp-image-1588\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Strukturen er bygget med en kombination af vertical og horizontal stack elementer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I toppen i venstre side kan man v&aelig;lge forskellige v&aelig;lge mellem forskellige kilder for afspilning af musik. Her er der brugt custom:button-card samt betingede <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Kort&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et kort er et element p&aring; dit dashboard, der viser bestemte oplysninger eller g&oslash;r det muligt styre enheder som f.eks. lys, varme mv.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Det kan v&aelig;re en graf, et ikon, en liste eller en visuel repr&aelig;sentation af enheder eller sensorer. Kortene giver dig en oversigt og adgang til forskellige funktioner og enheder. Det kan du bruge til at overv&aring;ge og styre dit smarte hjem.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Der findes som &amp;lt;a href=&amp;quot;https:\/\/www.home-assistant.io\/dashboards\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener nofollow&amp;quot;&amp;gt;standard&amp;lt;\/a&amp;gt; en r&aelig;kke forskellige kort med forskellig funktionalitet. Men du har ogs&aring; mulighed for at installere brugerudviklede kort via &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;&amp;gt;HACS&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/kort\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>kort<\/a> til at vise en oversigt over radiokanaler (ogs&aring; lavet med custom:button-card) eller forskellige Spotify playlister (lavet med <a href=\"https:\/\/github.com\/ChrisK91\/sonos-playlist-card\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sonos-playlist-card<\/a>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I toppen i h&oslash;jre side kan man v&aelig;lge den h&oslash;jtaler, som afspilning skal foretages p&aring;. Igen er der brugt custom:button card. Popup vinduet er lavet med browser_mod og knapper til valg af musik er custom:button-card, der viser info om den enkelte h&oslash;jtaler og evt. musik, der spilles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan finde mere inspiration til design af dashboards ved at l&aelig;se mere om <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/08\/29\/info-om-min-home-assistant-loesning\/#dashboards\" target=\"_blank\" rel=\"noreferrer noopener\">min l&oslash;sning<\/a>. Du kan ogs&aring; finde min komplette <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;YAML&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er det sprog som Home Assistant bruger i sin konfiguration samt hvis du v&aelig;lger at redigere automatiseringer og dit dashboard direkte i et tekst eller kode redigeringsprogram.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;YAML er letl&aelig;seligt, da der ikke best&aring;r af specialtegn som f.eks. JSON og XML. YAML er dog meget kritisk omkring&nbsp;formatering af koden. For eksempel &amp;lt;strong&amp;gt;skal&amp;lt;\/strong&amp;gt; alle indrykninger&nbsp;laves med mellemrum og ikke TAB.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan l&aelig;se mere om redigering af dashboards i YAML i dette &amp;lt;a href=&amp;quot;https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#to-yaml-or-not-to-yaml&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;indl&aelig;g&amp;lt;\/strong&amp;gt;&amp;lt;\/a&amp;gt;.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/yaml\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>YAML<\/a> kode i mit <a href=\"https:\/\/github.com\/dykandDK\/home-assistant-config\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">GitHub repository<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan ogs&aring; l&aelig;se dette indl&aelig;g, der viser, hvordan du kan bygge dit helt eget energi <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>dashboard<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-smart-home-guide wp-block-embed-smart-home-guide\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"b9zIPOYNuC\"><a href=\"https:\/\/smart-home-guide.dk\/index.php\/2023\/05\/06\/byg-dit-eget-energi-dashboard\/\">Byg dit eget energi dashboard<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&ldquo;Byg dit eget energi dashboard&rdquo; &mdash; Smart Home Guide\" src=\"https:\/\/smart-home-guide.dk\/index.php\/2023\/05\/06\/byg-dit-eget-energi-dashboard\/embed\/#?secret=PlxvMmGdtV#?secret=b9zIPOYNuC\" data-secret=\"b9zIPOYNuC\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>L&aelig;r hvordan du bygger du det perfekte <a class=\"glossaryLink\" aria-describedby=\"tt\" data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\" href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">dashboard<\/a> i Home Assistant. Anden del fokuserer p&aring; hvordan du rent praktisk bygger dit <a class=\"glossaryLink\" aria-describedby=\"tt\" data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Dashboard&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard er den brugerdefinerede gr&aelig;nseflade (GUI) i HA hvor du kan visualisere og styre enheder, automatiseringer og sensorer, der er integreret med din HA l&oslash;sning.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Et dashboard giver dig mulighed for at bygge dine egne sider med indhold, hvor du kan vise informationer om og styre dit smarte hjem. Du kan tilf&oslash;je forskellige   kontrolelementer (kort) med oplysninger, grafer og knapper og meget andet, der kan bruges til at interagere med dine tilsluttede smart enheder.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&amp;lt;!-- wp:paragraph --&amp;gt;Du kan tilf&oslash;je flere dashboards, og opdele indhold p&aring; hvert dashboard i forskellige faner (views).&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\" href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/dashboard\/\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">dashboard<\/a>.<\/p>\n","protected":false},"author":2,"featured_media":1599,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","om_disable_all_campaigns":false,"inline_featured_image":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[7,38],"tags":[],"class_list":["post-1374","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dashboard","category-beginner"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>S\u00e5dan bygger du det perfekte dashboard - DEL 2 | Smart Home Guide<\/title>\n<meta name=\"description\" content=\"L\u00e6r hvordan du bygger du det perfekte dashboard i Home Assistant. Anden del fokuserer p\u00e5 hvordan du rent praktisk bygger dit dashboard.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5dan bygger du det perfekte dashboard - DEL 2 | Smart Home Guide\" \/>\n<meta property=\"og:description\" content=\"L\u00e6r hvordan du bygger du det perfekte dashboard i Home Assistant. Anden del fokuserer p\u00e5 hvordan du rent praktisk bygger dit dashboard.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart Home Guide\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-30T06:48:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-06T05:58:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"843\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anders\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anders\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/\"},\"author\":{\"name\":\"Anders\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#\\\/schema\\\/person\\\/8ed18dab401a0784e593ce6345252498\"},\"headline\":\"S\u00e5dan bygger du det perfekte dashboard &#8211; DEL 2\",\"datePublished\":\"2022-10-30T06:48:00+00:00\",\"dateModified\":\"2023-05-06T05:58:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/\"},\"wordCount\":2282,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/image-62.png\",\"articleSection\":[\"Dashboard\",\"Kom godt i gang\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/\",\"url\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/\",\"name\":\"S\u00e5dan bygger du det perfekte dashboard - DEL 2 | Smart Home Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/image-62.png\",\"datePublished\":\"2022-10-30T06:48:00+00:00\",\"dateModified\":\"2023-05-06T05:58:45+00:00\",\"description\":\"L\u00e6r hvordan du bygger du det perfekte dashboard i Home Assistant. Anden del fokuserer p\u00e5 hvordan du rent praktisk bygger dit dashboard.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/image-62.png\",\"contentUrl\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/image-62.png\",\"width\":1500,\"height\":843},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/10\\\/30\\\/saadan-bygger-du-det-perfekte-dashboard-del-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hjem\",\"item\":\"https:\\\/\\\/smart-home-guide.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"S\u00e5dan bygger du det perfekte dashboard &#8211; DEL 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#website\",\"url\":\"https:\\\/\\\/smart-home-guide.dk\\\/\",\"name\":\"Smart Home Guide\",\"description\":\"Din genvej til et smartere hjem\",\"publisher\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smart-home-guide.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#organization\",\"name\":\"Smart Home Guide\",\"url\":\"https:\\\/\\\/smart-home-guide.dk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/shg_logo_400x400_2-1.png\",\"contentUrl\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/shg_logo_400x400_2-1.png\",\"width\":400,\"height\":400,\"caption\":\"Smart Home Guide\"},\"image\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/github.com\\\/dykandDK\\\/home-assistant-config\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#\\\/schema\\\/person\\\/8ed18dab401a0784e593ce6345252498\",\"name\":\"Anders\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/460cba51b925b4d837db0c071f23d5a3dd193dd8746ebfcf23f78489dd330632?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/460cba51b925b4d837db0c071f23d5a3dd193dd8746ebfcf23f78489dd330632?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/460cba51b925b4d837db0c071f23d5a3dd193dd8746ebfcf23f78489dd330632?s=96&d=mm&r=g\",\"caption\":\"Anders\"},\"url\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/author\\\/anders\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"S\u00e5dan bygger du det perfekte dashboard - DEL 2 | Smart Home Guide","description":"L\u00e6r hvordan du bygger du det perfekte dashboard i Home Assistant. Anden del fokuserer p\u00e5 hvordan du rent praktisk bygger dit dashboard.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/","og_locale":"da_DK","og_type":"article","og_title":"S\u00e5dan bygger du det perfekte dashboard - DEL 2 | Smart Home Guide","og_description":"L\u00e6r hvordan du bygger du det perfekte dashboard i Home Assistant. Anden del fokuserer p\u00e5 hvordan du rent praktisk bygger dit dashboard.","og_url":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/","og_site_name":"Smart Home Guide","article_published_time":"2022-10-30T06:48:00+00:00","article_modified_time":"2023-05-06T05:58:45+00:00","og_image":[{"width":1500,"height":843,"url":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png","type":"image\/png"}],"author":"Anders","twitter_card":"summary_large_image","twitter_misc":{"Skrevet af":"Anders","Estimeret l\u00e6setid":"15 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#article","isPartOf":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/"},"author":{"name":"Anders","@id":"https:\/\/smart-home-guide.dk\/#\/schema\/person\/8ed18dab401a0784e593ce6345252498"},"headline":"S\u00e5dan bygger du det perfekte dashboard &#8211; DEL 2","datePublished":"2022-10-30T06:48:00+00:00","dateModified":"2023-05-06T05:58:45+00:00","mainEntityOfPage":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/"},"wordCount":2282,"commentCount":1,"publisher":{"@id":"https:\/\/smart-home-guide.dk\/#organization"},"image":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#primaryimage"},"thumbnailUrl":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png","articleSection":["Dashboard","Kom godt i gang"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/","url":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/","name":"S\u00e5dan bygger du det perfekte dashboard - DEL 2 | Smart Home Guide","isPartOf":{"@id":"https:\/\/smart-home-guide.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#primaryimage"},"image":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#primaryimage"},"thumbnailUrl":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png","datePublished":"2022-10-30T06:48:00+00:00","dateModified":"2023-05-06T05:58:45+00:00","description":"L\u00e6r hvordan du bygger du det perfekte dashboard i Home Assistant. Anden del fokuserer p\u00e5 hvordan du rent praktisk bygger dit dashboard.","breadcrumb":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#primaryimage","url":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png","contentUrl":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png","width":1500,"height":843},{"@type":"BreadcrumbList","@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hjem","item":"https:\/\/smart-home-guide.dk\/"},{"@type":"ListItem","position":2,"name":"S\u00e5dan bygger du det perfekte dashboard &#8211; DEL 2"}]},{"@type":"WebSite","@id":"https:\/\/smart-home-guide.dk\/#website","url":"https:\/\/smart-home-guide.dk\/","name":"Smart Home Guide","description":"Din genvej til et smartere hjem","publisher":{"@id":"https:\/\/smart-home-guide.dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smart-home-guide.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/smart-home-guide.dk\/#organization","name":"Smart Home Guide","url":"https:\/\/smart-home-guide.dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/smart-home-guide.dk\/#\/schema\/logo\/image\/","url":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/08\/shg_logo_400x400_2-1.png","contentUrl":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/08\/shg_logo_400x400_2-1.png","width":400,"height":400,"caption":"Smart Home Guide"},"image":{"@id":"https:\/\/smart-home-guide.dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/dykandDK\/home-assistant-config"]},{"@type":"Person","@id":"https:\/\/smart-home-guide.dk\/#\/schema\/person\/8ed18dab401a0784e593ce6345252498","name":"Anders","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/secure.gravatar.com\/avatar\/460cba51b925b4d837db0c071f23d5a3dd193dd8746ebfcf23f78489dd330632?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/460cba51b925b4d837db0c071f23d5a3dd193dd8746ebfcf23f78489dd330632?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/460cba51b925b4d837db0c071f23d5a3dd193dd8746ebfcf23f78489dd330632?s=96&d=mm&r=g","caption":"Anders"},"url":"https:\/\/smart-home-guide.dk\/index.php\/author\/anders\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png",1500,843,false],"thumbnail":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62-150x150.png",150,150,true],"medium":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62-300x169.png",300,169,true],"medium_large":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62-768x432.png",768,432,true],"large":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62-1024x575.png",800,449,true],"1536x1536":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png",1500,843,false],"2048x2048":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png",1500,843,false],"colormag-highlighted-post":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62-392x272.png",392,272,true],"colormag-featured-post-medium":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62-390x205.png",390,205,true],"colormag-featured-post-small":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62-130x90.png",130,90,true],"colormag-featured-image":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62-800x445.png",800,445,true],"colormag-default-news":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png",150,84,false],"colormag-featured-image-large":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image-62.png",1068,600,false]},"uagb_author_info":{"display_name":"Anders","author_link":"https:\/\/smart-home-guide.dk\/index.php\/author\/anders\/"},"uagb_comment_info":1,"uagb_excerpt":"L&aelig;r hvordan du bygger du det perfekte dashboard i Home Assistant. Anden del fokuserer p&aring; hvordan du rent praktisk bygger dit dashboard.","_links":{"self":[{"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/posts\/1374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/comments?post=1374"}],"version-history":[{"count":78,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/posts\/1374\/revisions"}],"predecessor-version":[{"id":3382,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/posts\/1374\/revisions\/3382"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/media\/1599"}],"wp:attachment":[{"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/categories?post=1374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/tags?post=1374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}