{"id":704,"date":"2025-03-20T13:40:59","date_gmt":"2025-03-20T13:40:59","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/lagg-till-falt-for-personlig-information-gallande-sarskilda-kosthansyn\/"},"modified":"2026-07-13T14:27:03","modified_gmt":"2026-07-13T14:27:03","slug":"lagg-till-falt-for-personlig-information-gallande-sarskilda-kosthansyn","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/sv\/knowledge-base\/lagg-till-falt-for-personlig-information-gallande-sarskilda-kosthansyn\/","title":{"rendered":"L\u00e4gg till f\u00e4lt f\u00f6r personlig information g\u00e4llande \u201dS\u00e4rskilda dietbehov\u201d"},"content":{"rendered":"\n<p>Om ditt evenemang inneh\u00e5ller servering av mat och dryck kan du ge deltagarna m\u00f6jlighet att informera dig om s\u00e4rskilda dietbehov som du beh\u00f6ver ta h\u00e4nsyn till.<\/p>\n\n\n\n<p>Vi rekommenderar att du skapar detta som ett checkbox-f\u00e4lt f\u00f6ljt av ett relaterat fritextf\u00e4lt. Det inneb\u00e4r att deltagarna endast ser fritextf\u00e4ltet om de markerar checkboxen. P\u00e5 s\u00e5 s\u00e4tt h\u00e5lls anm\u00e4lningsformul\u00e4ret tydligt och relevant, eftersom deltagarna bara ombeds att ange ytterligare information n\u00e4r de sj\u00e4lva har angett att det \u00e4r relevant f\u00f6r dem.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Se en kort explainer-video (p\u00e5 engelska)<\/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>Tips:<\/strong> Via inst\u00e4llningsikonen (<\/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>) kan du justera hastigheten eller l\u00e4gga till undertexter.<\/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=\"Visa i helsk\u00e4rm\"\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>Visa i helsk\u00e4rm<\/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\">Steg 1: L\u00e4gg till ett checkbox-f\u00e4lt<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>G\u00e5 till <strong>Evenemanget<\/strong> och d\u00e4refter <strong>Grundl\u00e4ggande inst\u00e4llningar<\/strong>.<\/li>\n\n\n\n<li>Klicka p\u00e5 <strong>Deltagarkategorier<\/strong> till h\u00f6ger.<\/li>\n\n\n\n<li>Klicka p\u00e5 <strong>L\u00e4gg till informationsf\u00e4lt<\/strong> vid en deltagarkategori.<\/li>\n\n\n\n<li>V\u00e4lj <strong>Ny<\/strong> och sedan <strong>Checkbox<\/strong>.<\/li>\n\n\n\n<li>Namnge f\u00e4ltet, till exempel:<br><em>Jag har s\u00e4rskilda dietbehov<\/em><\/li>\n\n\n\n<li>V\u00e4lj de deltagarkategorier som f\u00e4ltet ska till\u00e4mpas p\u00e5.<\/li>\n\n\n\n<li>Se till att <strong>Obligatoriskt<\/strong> inte \u00e4r markerat.<\/li>\n<\/ol>\n\n\n\n<p>Checkbox-f\u00e4ltet ska inte vara obligatoriskt, eftersom deltagarna endast ska markera det om de har s\u00e4rskilda dietbehov som \u00e4r relevanta f\u00f6r evenemanget.<\/p>\n\n\n\n<p>L\u00e4ngst ned kan du v\u00e4lja vilka deltagarkategorier som ska kunna se och fylla i f\u00e4ltet.<\/p>\n\n\n\n<p>N\u00e4r du \u00e4r klar klickar du p\u00e5 <strong>Spara<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Steg 2: L\u00e4gg till ett fritextf\u00e4lt<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Klicka p\u00e5 <strong>L\u00e4gg till informationsf\u00e4lt<\/strong> igen.<\/li>\n\n\n\n<li>V\u00e4lj <strong>Ny<\/strong> och sedan <strong>Fritext<\/strong>.<\/li>\n\n\n\n<li>Namnge f\u00e4ltet, till exempel:<br><em>Beskriv dina dietbehov<\/em><\/li>\n\n\n\n<li>V\u00e4lj de deltagarkategorier som f\u00e4ltet ska till\u00e4mpas p\u00e5.<\/li>\n\n\n\n<li>Markera detta f\u00e4lt som <strong>Obligatoriskt<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Eftersom fritextf\u00e4ltet endast visas om deltagaren har markerat checkboxen, b\u00f6r f\u00e4ltet vara obligatoriskt. P\u00e5 s\u00e5 s\u00e4tt s\u00e4kerst\u00e4ller du att deltagare som har angett att de har s\u00e4rskilda dietbehov ocks\u00e5 l\u00e4mnar den information som beh\u00f6vs.<\/p>\n\n\n\n<p>N\u00e4r du \u00e4r klar klickar du p\u00e5 <strong>Spara<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Steg 3: Relatera fritextf\u00e4ltet till checkbox-f\u00e4ltet<\/h3>\n\n\n\n<p>F\u00f6r att fritextf\u00e4ltet endast ska visas n\u00e4r checkboxen \u00e4r markerad klickar du p\u00e5 <strong>ikonen f\u00f6r relaterat f\u00e4lt<\/strong> bredvid fritextf\u00e4ltet. Det \u00e4r ikonen med de sammanl\u00e4nkade punkterna.<\/p>\n\n\n\n<p>V\u00e4lj d\u00e4refter checkbox-f\u00e4ltet:<br><strong>Jag har s\u00e4rskilda dietbehov<\/strong><\/p>\n\n\n\n<p>Fritextf\u00e4ltet \u00e4r nu relaterat till checkbox-f\u00e4ltet och visas endast om deltagaren markerar checkboxen.<\/p>\n\n\n\n<p>Du kan se att f\u00e4lten \u00e4r relaterade n\u00e4r fritextf\u00e4ltet visar en mindre siffra som motsvarar checkbox-f\u00e4ltets nummer. Den st\u00f6rre siffran markerar huvudf\u00e4ltet, medan den mindre siffran visar att fritextf\u00e4ltet \u00e4r relaterat till detta f\u00e4lt och f\u00f6rst visas n\u00e4r huvudf\u00e4ltet har markerats.<\/p>\n\n\n\n<p>Den h\u00e4r inst\u00e4llningen g\u00f6r anm\u00e4lningsformul\u00e4ret enklare att fylla i, samtidigt som du s\u00e4kerst\u00e4ller att du f\u00e5r relevant information fr\u00e5n deltagare med s\u00e4rskilda dietbehov.<\/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;\">Publicerad: 2026.07.02<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Om ditt evenemang inneh\u00e5ller servering av mat och dryck kan du ge deltagarna m\u00f6jlighet att informera dig om s\u00e4rskilda dietbehov som du beh\u00f6ver ta h\u00e4nsyn till. Vi rekommenderar att du skapar detta som ett checkbox-f\u00e4lt f\u00f6ljt av ett relaterat fritextf\u00e4lt. Det inneb\u00e4r att deltagarna endast ser fritextf\u00e4ltet om de markerar checkboxen. P\u00e5 s\u00e5 s\u00e4tt h\u00e5lls &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/lagg-till-falt-for-personlig-information-gallande-sarskilda-kosthansyn\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa<span class=\"screen-reader-text\"> \u201dL\u00e4gg till f\u00e4lt f\u00f6r personlig information g\u00e4llande \u201dS\u00e4rskilda dietbehov\u201d\u201d<\/span><\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[5900,437],"ht-kb-tag":[1904,538,436,1902,1903,860,1901,862,4297,861,804],"class_list":["post-704","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-evenemang-och-anmalan","ht_kb_category-artiklar-for-support","ht_kb_tag-catering-2","ht_kb_tag-conference-manager-sv","ht_kb_tag-deltagarkategorier","ht_kb_tag-deltagarregistrering","ht_kb_tag-fritextfalt","ht_kb_tag-informationsfalt","ht_kb_tag-kostbehov","ht_kb_tag-lagg-till-falt","ht_kb_tag-participant-registration-sv","ht_kb_tag-personuppgifter","ht_kb_tag-registreringsformular","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/comments?post=704"}],"version-history":[{"count":12,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/704\/revisions"}],"predecessor-version":[{"id":16767,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/704\/revisions\/16767"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/media?parent=704"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-category?post=704"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-tag?post=704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}