{"id":700,"date":"2025-03-20T13:40:59","date_gmt":"2025-03-20T13:40:59","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/tilfoej-oplysningsfeltet-saerlige-kosthensyn\/"},"modified":"2026-07-07T15:13:32","modified_gmt":"2026-07-07T15:13:32","slug":"tilfoej-oplysningsfeltet-saerlige-kosthensyn","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/da\/knowledge-base\/tilfoej-oplysningsfeltet-saerlige-kosthensyn\/","title":{"rendered":"Tilf\u00f8j oplysningsfeltet \u201dS\u00e6rlige kosthensyn\u201d"},"content":{"rendered":"\n<p>Hvis der er forplejning til dit arrangement, kan du give dine deltagere mulighed for at informere dig om s\u00e6rlige Hvis der er forplejning til dit arrangement, kan du give dine deltagere mulighed for at informere dig om s\u00e6rlige kosthensyn, som du skal forholde dig til.<\/p>\n\n\n\n<p>Vi anbefaler, at du ops\u00e6tter dette som et checkbox-felt efterfulgt af et relateret fritekstfelt. Det betyder, at deltagerne kun ser fritekstfeltet, hvis de s\u00e6tter hak i checkboxen. Det hj\u00e6lper med at holde tilmeldingsformularen overskuelig og relevant, da deltagerne kun bliver bedt om at angive yderligere oplysninger, n\u00e5r de selv har markeret, at det er relevant for dem.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Se en kort explainer-video (p\u00e5 engelsk)<\/h4>\n\n\n\n<!-- Optional: Load Titillium Web if it is not already loaded on your site -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Titillium+Web:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .settingsTipAboveVideo {\n    font-family: 'Titillium Web', sans-serif;\n    font-size: 0.68rem;\n    font-weight: 400;\n    color: #123D8A;\n    margin-bottom: 6px;\n    line-height: 1.25;\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    flex-wrap: wrap;\n  }\n\n  .settingsTipAboveVideo strong {\n    font-weight: 700;\n  }\n\n  .settingsTipIcon {\n    width: 12px;\n    height: 12px;\n    display: inline-block;\n    vertical-align: middle;\n    object-fit: contain;\n  }\n\n  #fullscreenBtn {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n\n    padding: 6px 10px 6px 8px;\n    border: 2px solid transparent;\n    border-radius: 7px;\n    box-sizing: border-box;\n\n    background: #9ccc3d;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n\n    font-family: 'Titillium Web', sans-serif;\n    font-size: 0.72rem;\n    font-weight: 400 !important;\n    letter-spacing: 0.01em;\n\n    cursor: pointer;\n    line-height: 1.1;\n\n    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.25);\n    text-shadow: none !important;\n\n    transition:\n      background 0.2s ease,\n      border-color 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  #fullscreenBtn span,\n  #fullscreenBtn:hover span,\n  #fullscreenBtn:focus span,\n  #fullscreenBtn:active span {\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    font-weight: 400 !important;\n    text-shadow: none !important;\n  }\n\n  #fullscreenBtn:hover,\n  #fullscreenBtn:focus,\n  #fullscreenBtn:active {\n    background: #185abc;\n    border-color: transparent;\n    color: #ffffff !important;\n    -webkit-text-fill-color: #ffffff !important;\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.28);\n  }\n\n  #fullscreenBtn .fullscreenIcon {\n    width: 11px;\n    height: 11px;\n    min-width: 11px;\n    display: block;\n    object-fit: contain;\n  }\n\n  .fullscreenBtnWrap {\n    display: flex;\n    justify-content: flex-start;\n    margin-top: 8px;\n  }\n\n  .videoFrame {\n    border: 2px solid #9CCC3D;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);\n    box-sizing: border-box;\n    line-height: 0;\n    background: #123D8A;\n  }\n\n  .videoInner {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    overflow: hidden;\n    background: #123D8A;\n  }\n\n  #vimeoVideo {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n    display: block;\n    transform: scaleX(1.012);\n    transform-origin: center;\n    z-index: 1;\n  }\n<\/style>\n\n<!-- Small tip above video -->\n<div class=\"settingsTipAboveVideo\">\n  <span><strong>Tip:<\/strong> Klik p\u00e5 indstillingsikonet (<\/span>\n  <img decoding=\"async\"\n    class=\"settingsTipIcon\"\n    src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/06\/Design-uden-navn-19.png\"\n    alt=\"\"\n    aria-hidden=\"true\"\n  >\n  <span>) for at justere hastigheden eller tilf\u00f8je undertekster.<\/span>\n<\/div>\n\n<!-- Video with frame -->\n<div class=\"videoFrame\">\n  <div class=\"videoInner\">\n    <iframe\n      id=\"vimeoVideo\"\n      src=\"https:\/\/player.vimeo.com\/video\/1198106466?h=5ab09021af&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\"\n      allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\"\n      allowfullscreen\n      webkitallowfullscreen\n      mozallowfullscreen\n      referrerpolicy=\"strict-origin-when-cross-origin\"\n      title=\"Vimeo-video\">\n    <\/iframe>\n  <\/div>\n<\/div>\n\n<!-- Full screen button below video -->\n<div class=\"fullscreenBtnWrap\">\n  <button\n    id=\"fullscreenBtn\"\n    type=\"button\"\n    aria-label=\"Se i fuld sk\u00e6rm\"\n  >\n    <img decoding=\"async\"\n      class=\"fullscreenIcon\"\n      src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/06\/Design-uden-navn-14.png\"\n      alt=\"\"\n      aria-hidden=\"true\"\n    >\n    <span>Se i fuld sk\u00e6rm<\/span>\n  <\/button>\n<\/div>\n\n<script>\n  const fullscreenBtn = document.getElementById('fullscreenBtn');\n  const vimeoVideo = document.getElementById('vimeoVideo');\n\n  fullscreenBtn.addEventListener('click', function () {\n    if (vimeoVideo.requestFullscreen) {\n      vimeoVideo.requestFullscreen();\n    } else if (vimeoVideo.webkitRequestFullscreen) {\n      vimeoVideo.webkitRequestFullscreen();\n    } else if (vimeoVideo.mozRequestFullScreen) {\n      vimeoVideo.mozRequestFullScreen();\n    } else if (vimeoVideo.msRequestFullscreen) {\n      vimeoVideo.msRequestFullscreen();\n    }\n  });\n<\/script>\n\n\n\n<h3 class=\"wp-block-heading\">Trin 1: Tilf\u00f8j et checkbox-felt<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Klik p\u00e5 <strong>Arrangementet<\/strong> og derefter <strong>Grundops\u00e6tning<\/strong>.<\/li>\n\n\n\n<li>Klik p\u00e5 <strong>Deltagerkategorier<\/strong> til h\u00f8jre.<\/li>\n\n\n\n<li>Klik p\u00e5 <strong>Tilf\u00f8j oplysningsfelt<\/strong> p\u00e5 en deltagerkategori.<\/li>\n\n\n\n<li>V\u00e6lg <strong>Nyt<\/strong> og herefter <strong>Checkbox<\/strong>.<\/li>\n\n\n\n<li>Navngiv feltet, fx:<br><em>Jeg har s\u00e6rlige kosthensyn<\/em><\/li>\n\n\n\n<li>V\u00e6lg de deltagerkategorier, som feltet skal anvendes p\u00e5.<\/li>\n\n\n\n<li>S\u00f8rg for, at <strong>P\u00e5kr\u00e6vet<\/strong> ikke er markeret.<\/li>\n<\/ol>\n\n\n\n<p>Checkbox-feltet skal ikke v\u00e6re p\u00e5kr\u00e6vet, da deltagerne kun skal markere det, hvis de har s\u00e6rlige kosthensyn, som er relevante for arrangementet.<\/p>\n\n\n\n<p>Nederst kan du v\u00e6lge, hvilke deltagerkategorier der skal kunne se og udfylde feltet.<\/p>\n\n\n\n<p>N\u00e5r du er f\u00e6rdig, skal du klikke p\u00e5 <strong>V\u00e6lg<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Trin 2: Tilf\u00f8j et fritekstfelt<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Klik p\u00e5 <strong>Tilf\u00f8j oplysningsfelt<\/strong> igen.<\/li>\n\n\n\n<li>V\u00e6lg <strong>Nyt<\/strong> og herefter <strong>Fritekst<\/strong>.<\/li>\n\n\n\n<li>Navngiv feltet, fx:<br><em>Beskriv venligst dine kosthensyn<\/em><\/li>\n\n\n\n<li>V\u00e6lg de deltagerkategorier, som feltet skal anvendes p\u00e5.<\/li>\n\n\n\n<li>Mark\u00e9r feltet som <strong>P\u00e5kr\u00e6vet<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Da fritekstfeltet kun bliver vist, hvis deltageren har sat hak i checkboxen, b\u00f8r feltet v\u00e6re p\u00e5kr\u00e6vet. P\u00e5 den m\u00e5de sikrer du, at deltagere, der har angivet, at de har s\u00e6rlige kosthensyn, ogs\u00e5 beskriver, hvad der skal tages hensyn til.<\/p>\n\n\n\n<p>N\u00e5r du er f\u00e6rdig, skal du klikke p\u00e5 <strong>V\u00e6lg<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Trin 3: Relat\u00e9r fritekstfeltet til checkbox-feltet<\/h3>\n\n\n\n<p>For at f\u00e5 fritekstfeltet til kun at blive vist, n\u00e5r checkboxen er markeret, skal du klikke p\u00e5 <strong>ikonet for relateret felt<\/strong> ud for fritekstfeltet. Det er ikonet med de forbundne prikker.<\/p>\n\n\n\n<p>V\u00e6lg derefter checkbox-feltet:<br><strong>Jeg har s\u00e6rlige kosthensyn<\/strong><\/p>\n\n\n\n<p>Fritekstfeltet er nu relateret til checkbox-feltet og vil kun blive vist, hvis deltageren s\u00e6tter hak i checkboxen.<\/p>\n\n\n\n<p>Du kan se, at felterne er relaterede, n\u00e5r fritekstfeltet viser et mindre tal, der matcher checkbox-feltets nummer. Det store tal markerer hovedfeltet, mens det lille tal viser, at fritekstfeltet er relateret til dette felt og f\u00f8rst vises, n\u00e5r hovedfeltet er markeret.<\/p>\n\n\n\n<p>Denne ops\u00e6tning g\u00f8r tilmeldingsformularen lettere at udfylde, samtidig med at du sikrer, at du modtager de n\u00f8dvendige oplysninger fra deltagere med s\u00e6rlige kosthensyn.<\/p>\n\n\n\n<div class=\"author-box\" style=\"display: flex; align-items: center; gap: 20px; padding: 30px 0; font-family: 'Titillium Web', sans-serif; margin-top: 50px; border: none;\"> \n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/05\/Design-uden-navn-2026-05-04T104103.453.png\" alt=\"Elisabeth Bj\u00f8rn Andersen\" style=\"width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 12px rgba(24, 90, 188, 0.5);\"\/>\n  <div style=\"display: flex; flex-direction: column; justify-content: center;\">\n    <div style=\"font-size: 20px; font-weight: 700; color: #185ABC; margin: 0;\">Elisabeth Bj\u00f8rn Andersen<\/div>\n    <div style=\"font-size: 14px; color: #555; margin: 0;\">Udgivet: 02.07.2026<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hvis der er forplejning til dit arrangement, kan du give dine deltagere mulighed for at informere dig om s\u00e6rlige Hvis der er forplejning til dit arrangement, kan du give dine deltagere mulighed for at informere dig om s\u00e6rlige kosthensyn, som du skal forholde dig til. Vi anbefaler, at du ops\u00e6tter dette som et checkbox-felt efterfulgt &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/tilfoej-oplysningsfeltet-saerlige-kosthensyn\/\" class=\"more-link\">L\u00e6s resten<\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[5886,377],"ht-kb-tag":[245,295,1897,1899,1895,1898,1896,3978,1544,1900,796],"class_list":["post-700","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-arrangement-og-tilmelding","ht_kb_category-supportartikler","ht_kb_tag-conference-manager-da","ht_kb_tag-deltagerkategorier","ht_kb_tag-deltagerregistrering","ht_kb_tag-forplejning","ht_kb_tag-fritekstfelt","ht_kb_tag-kosthensyn","ht_kb_tag-oplysningsfelt","ht_kb_tag-participant-registration-da","ht_kb_tag-personlige-oplysninger","ht_kb_tag-tilfoej-felt","ht_kb_tag-tilmeldingsformular","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/comments?post=700"}],"version-history":[{"count":11,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/700\/revisions"}],"predecessor-version":[{"id":16768,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/700\/revisions\/16768"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/media?parent=700"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-category?post=700"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-tag?post=700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}