{"id":2079,"date":"2022-12-17T00:01:00","date_gmt":"2022-12-16T23:01:00","guid":{"rendered":"https:\/\/smart-home-guide.dk\/?p=2079"},"modified":"2023-01-09T12:43:28","modified_gmt":"2023-01-09T11:43:28","slug":"ha-jule-tip-17-design-egne-knapper","status":"publish","type":"post","link":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/","title":{"rendered":"HA Jule-tip #17: Design egne knapper"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Dagens jule-tip handler om hvordan du kan designe og nemt genbruge forskellige typer af knapper 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\">Jeg bruger <a href=\"https:\/\/github.com\/custom-cards\/button-card\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">custom button card<\/a> fra&nbsp;<a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/09\/07\/saadan-installerer-du-hacs\/\" target=\"_blank\" rel=\"noreferrer noopener\">HACS<\/a> stort set overalt 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>. Det giver n&aelig;sten ubegr&aelig;nset kontrol over hvordan knappen skal designes ift. udseende, indhold og funktionalitet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Og s&aelig;rligt muligheden for at definere forskellige templates for design af knapper er super brugtbart. Det kan bruges til at designe knapper med forskelligt udseende og genbruge dem flere steder 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\">Funktionen hedder <a href=\"https:\/\/github.com\/custom-cards\/button-card#configuration-templates\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Configuration<\/a><a href=\"https:\/\/github.com\/custom-cards\/button-card#configuration-templates\" target=\"_blank\" rel=\"noreferrer noopener\"> Templates<\/a> og g&oslash;r det muligt centralt at definere et nyt knap layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Det kan du efterf&oslash;lgende anvende p&aring; dine custom button card knapper, s&aring; du slipper for at gentage en masse kode flere gange.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jeg bruger funktionen ofte p&aring; <a href=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/10\/30\/saadan-bygger-du-det-perfekte-dashboard-del-2\/#fuld-fleksibilitet-med-custombutton-card\" target=\"_blank\" rel=\"noreferrer noopener\">mine dashboards<\/a>, hvor jeg f.eks. har lavet knapper til visning af temperatur i forskellige rum:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"164\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/10\/image.jpeg\" alt=\"Specieldesignede knapper til visning af temperaturer\" 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&nbsp;<\/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\">Design af det meste udseende, indhold og funktionalitet af knappen er lavet i en <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Template&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En template (skabelon) er en avanceret funktionalitet i HA. De kan bruges til at tilpasse og manipulere data, der kommer fra forskellige enheder eller sensorer, f&oslash;r de vises p&aring; dit dashboard eller bruges i automatiseringer.&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;Med templates kan du oprette komplekse logikker, omregne v&aelig;rdier, eller udf&oslash;re forskellige beregninger baseret p&aring; inputdata. Templates kan bruges i din konfiguration, p&aring; dit dashboard eller i automatiseringer.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/template\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>template<\/a>, mens navn p&aring; entiteter, der skal vises, er defineret for den enkelte knap.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opret <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Template&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En template (skabelon) er en avanceret funktionalitet i HA. De kan bruges til at tilpasse og manipulere data, der kommer fra forskellige enheder eller sensorer, f&oslash;r de vises p&aring; dit dashboard eller bruges i automatiseringer.&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;Med templates kan du oprette komplekse logikker, omregne v&aelig;rdier, eller udf&oslash;re forskellige beregninger baseret p&aring; inputdata. Templates kan bruges i din konfiguration, p&aring; dit dashboard eller i automatiseringer.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/template\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>template<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Du kan oprette et nyt layout ved at definere udseende under <kbd>button_card_templates<\/kbd> i toppen af din <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, hvor knappen skal bruges.<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">button_card_templates:\n  header_button:\n    show_state: false\n    styles:\n      card:\n        - padding: 5px 15px\n        - background-color: var(--paper-item-icon-active-color)\n      name:\n        - text-transform: uppercase\n        - color: var(--primary-background-color)\n        - justify-self: start\n        - font-weight: bold<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Anvend <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Template&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En template (skabelon) er en avanceret funktionalitet i HA. De kan bruges til at tilpasse og manipulere data, der kommer fra forskellige enheder eller sensorer, f&oslash;r de vises p&aring; dit dashboard eller bruges i automatiseringer.&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;Med templates kan du oprette komplekse logikker, omregne v&aelig;rdier, eller udf&oslash;re forskellige beregninger baseret p&aring; inputdata. Templates kan bruges i din konfiguration, p&aring; dit dashboard eller i automatiseringer.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/template\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>template<\/a><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">N&aring;r du har oprettet et nyt layout i en <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Template&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En template (skabelon) er en avanceret funktionalitet i HA. De kan bruges til at tilpasse og manipulere data, der kommer fra forskellige enheder eller sensorer, f&oslash;r de vises p&aring; dit dashboard eller bruges i automatiseringer.&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;Med templates kan du oprette komplekse logikker, omregne v&aelig;rdier, eller udf&oslash;re forskellige beregninger baseret p&aring; inputdata. Templates kan bruges i din konfiguration, p&aring; dit dashboard eller i automatiseringer.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/template\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>template<\/a>, kan du bruge den i dine custom button-card knapper ved at tilf&oslash;je <kbd><a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Template&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En template (skabelon) er en avanceret funktionalitet i HA. De kan bruges til at tilpasse og manipulere data, der kommer fra forskellige enheder eller sensorer, f&oslash;r de vises p&aring; dit dashboard eller bruges i automatiseringer.&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;Med templates kan du oprette komplekse logikker, omregne v&aelig;rdier, eller udf&oslash;re forskellige beregninger baseret p&aring; inputdata. Templates kan bruges i din konfiguration, p&aring; dit dashboard eller i automatiseringer.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/template\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>template<\/a>: &lt;navn&gt;<\/kbd>, hvor <kbd>&lt;navn&gt;<\/kbd> erstattes med navnet p&aring; den <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Template&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En template (skabelon) er en avanceret funktionalitet i HA. De kan bruges til at tilpasse og manipulere data, der kommer fra forskellige enheder eller sensorer, f&oslash;r de vises p&aring; dit dashboard eller bruges i automatiseringer.&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;Med templates kan du oprette komplekse logikker, omregne v&aelig;rdier, eller udf&oslash;re forskellige beregninger baseret p&aring; inputdata. Templates kan bruges i din konfiguration, p&aring; dit dashboard eller i automatiseringer.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/template\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>template<\/a>, du &oslash;nsker at bruge.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dette eksempel viser, hvordan du kan bruge en header_button <a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Template&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En template (skabelon) er en avanceret funktionalitet i HA. De kan bruges til at tilpasse og manipulere data, der kommer fra forskellige enheder eller sensorer, f&oslash;r de vises p&aring; dit dashboard eller bruges i automatiseringer.&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;Med templates kan du oprette komplekse logikker, omregne v&aelig;rdier, eller udf&oslash;re forskellige beregninger baseret p&aring; inputdata. Templates kan bruges i din konfiguration, p&aring; dit dashboard eller i automatiseringer.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/template\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>template<\/a>, som blev oprettet i koden ovenfor:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-yaml\" data-line=\"\">type: custom:button-card\n<a class=\"glossaryLink\"  aria-describedby=\"tt\"  data-cmtooltip=\"&lt;div class=glossaryItemTitle&gt;Template&lt;\/div&gt;&lt;div class=glossaryItemBody&gt;&amp;lt;!-- wp:paragraph --&amp;gt;En template (skabelon) er en avanceret funktionalitet i HA. De kan bruges til at tilpasse og manipulere data, der kommer fra forskellige enheder eller sensorer, f&oslash;r de vises p&aring; dit dashboard eller bruges i automatiseringer.&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;Med templates kan du oprette komplekse logikker, omregne v&aelig;rdier, eller udf&oslash;re forskellige beregninger baseret p&aring; inputdata. Templates kan bruges i din konfiguration, p&aring; dit dashboard eller i automatiseringer.&amp;lt;br\/&amp;gt;&amp;lt;!-- \/wp:paragraph --&amp;gt;&lt;\/div&gt;\"  href=\"https:\/\/smart-home-guide.dk\/index.php\/glossary\/template\/\"  data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]'  tabindex='0' role='link'>template<\/a>: header_button\nname: &ldquo;Overskrift #1&rdquo;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Koden danner en knap, der kan bruges som overskrift i dine dashboards.  Man kan nemt lave flere overskrifter ved at gentage ovenst&aring;ende kode og blot &aelig;ndre i navnet:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-20-1024x547.png\" alt=\"Eksempel p&aring; overskrifter lavet med custom:button-card\" class=\"wp-image-2527\" srcset=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-20-1024x547.png 1024w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-20-300x160.png 300w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-20-768x411.png 768w, https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-20.png 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Juletip #17: Tilpas og genbrug design af udseende, indhold og funktionalitet af knapper p&aring; dit Home Assistant <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":2529,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[7,58],"tags":[],"class_list":["post-2079","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dashboard","category-julekalender-2022"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HA Jule-tip #17: Design egne knapper | Smart Home Guide<\/title>\n<meta name=\"description\" content=\"Juletip #17: Tilpas og genbrug design af udseende, indhold og funktionalitet af knapper p\u00e5 dit Home Assistant 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\/12\/17\/ha-jule-tip-17-design-egne-knapper\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HA Jule-tip #17: Design egne knapper | Smart Home Guide\" \/>\n<meta property=\"og:description\" content=\"Juletip #17: Tilpas og genbrug design af udseende, indhold og funktionalitet af knapper p\u00e5 dit Home Assistant dashboard.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart Home Guide\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-16T23:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-09T11:43:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"845\" \/>\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=\"3 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\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/\"},\"author\":{\"name\":\"Anders\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#\\\/schema\\\/person\\\/8ed18dab401a0784e593ce6345252498\"},\"headline\":\"HA Jule-tip #17: Design egne knapper\",\"datePublished\":\"2022-12-16T23:01:00+00:00\",\"dateModified\":\"2023-01-09T11:43:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/\"},\"wordCount\":337,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-21.png\",\"articleSection\":[\"Dashboard\",\"Julekalender 2022\"],\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/\",\"url\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/\",\"name\":\"HA Jule-tip #17: Design egne knapper | Smart Home Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-21.png\",\"datePublished\":\"2022-12-16T23:01:00+00:00\",\"dateModified\":\"2023-01-09T11:43:28+00:00\",\"description\":\"Juletip #17: Tilpas og genbrug design af udseende, indhold og funktionalitet af knapper p\u00e5 dit Home Assistant dashboard.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/#primaryimage\",\"url\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-21.png\",\"contentUrl\":\"https:\\\/\\\/smart-home-guide.dk\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/image-21.png\",\"width\":1500,\"height\":845,\"caption\":\"juletip_17\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smart-home-guide.dk\\\/index.php\\\/2022\\\/12\\\/17\\\/ha-jule-tip-17-design-egne-knapper\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hjem\",\"item\":\"https:\\\/\\\/smart-home-guide.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HA Jule-tip #17: Design egne knapper\"}]},{\"@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":"HA Jule-tip #17: Design egne knapper | Smart Home Guide","description":"Juletip #17: Tilpas og genbrug design af udseende, indhold og funktionalitet af knapper p\u00e5 dit Home Assistant 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\/12\/17\/ha-jule-tip-17-design-egne-knapper\/","og_locale":"da_DK","og_type":"article","og_title":"HA Jule-tip #17: Design egne knapper | Smart Home Guide","og_description":"Juletip #17: Tilpas og genbrug design af udseende, indhold og funktionalitet af knapper p\u00e5 dit Home Assistant dashboard.","og_url":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/","og_site_name":"Smart Home Guide","article_published_time":"2022-12-16T23:01:00+00:00","article_modified_time":"2023-01-09T11:43:28+00:00","og_image":[{"width":1500,"height":845,"url":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png","type":"image\/png"}],"author":"Anders","twitter_card":"summary_large_image","twitter_misc":{"Skrevet af":"Anders","Estimeret l\u00e6setid":"3 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/#article","isPartOf":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/"},"author":{"name":"Anders","@id":"https:\/\/smart-home-guide.dk\/#\/schema\/person\/8ed18dab401a0784e593ce6345252498"},"headline":"HA Jule-tip #17: Design egne knapper","datePublished":"2022-12-16T23:01:00+00:00","dateModified":"2023-01-09T11:43:28+00:00","mainEntityOfPage":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/"},"wordCount":337,"commentCount":0,"publisher":{"@id":"https:\/\/smart-home-guide.dk\/#organization"},"image":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/#primaryimage"},"thumbnailUrl":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png","articleSection":["Dashboard","Julekalender 2022"],"inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/","url":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/","name":"HA Jule-tip #17: Design egne knapper | Smart Home Guide","isPartOf":{"@id":"https:\/\/smart-home-guide.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/#primaryimage"},"image":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/#primaryimage"},"thumbnailUrl":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png","datePublished":"2022-12-16T23:01:00+00:00","dateModified":"2023-01-09T11:43:28+00:00","description":"Juletip #17: Tilpas og genbrug design af udseende, indhold og funktionalitet af knapper p\u00e5 dit Home Assistant dashboard.","breadcrumb":{"@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/#primaryimage","url":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png","contentUrl":"https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png","width":1500,"height":845,"caption":"juletip_17"},{"@type":"BreadcrumbList","@id":"https:\/\/smart-home-guide.dk\/index.php\/2022\/12\/17\/ha-jule-tip-17-design-egne-knapper\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hjem","item":"https:\/\/smart-home-guide.dk\/"},{"@type":"ListItem","position":2,"name":"HA Jule-tip #17: Design egne knapper"}]},{"@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\/12\/image-21.png",1500,845,false],"thumbnail":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21-150x150.png",150,150,true],"medium":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21-300x169.png",300,169,true],"medium_large":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21-768x433.png",768,433,true],"large":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21-1024x577.png",800,451,true],"1536x1536":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png",1500,845,false],"2048x2048":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png",1500,845,false],"colormag-highlighted-post":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21-392x272.png",392,272,true],"colormag-featured-post-medium":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21-390x205.png",390,205,true],"colormag-featured-post-small":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21-130x90.png",130,90,true],"colormag-featured-image":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21-800x445.png",800,445,true],"colormag-default-news":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png",150,85,false],"colormag-featured-image-large":["https:\/\/smart-home-guide.dk\/wp-content\/uploads\/2022\/12\/image-21.png",1065,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":"Juletip #17: Tilpas og genbrug design af udseende, indhold og funktionalitet af knapper p&aring; dit Home Assistant dashboard.","_links":{"self":[{"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/posts\/2079","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=2079"}],"version-history":[{"count":21,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/posts\/2079\/revisions"}],"predecessor-version":[{"id":2528,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/posts\/2079\/revisions\/2528"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/media\/2529"}],"wp:attachment":[{"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/media?parent=2079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/categories?post=2079"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smart-home-guide.dk\/index.php\/wp-json\/wp\/v2\/tags?post=2079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}