https://url5519.clickmarkteffect.nl/ls/click?upn=FMUb7vh8Fnmz9x24jht-2BqprvUgOi-2FhfM1vfhAmtfvITHZtwatAID7bW7ea7rYUdY64WiWAVUwbwAn3xAujl7Ba2rX-2FfMU7vP-2BVE6LoOgJDdeyATJ6HdIBGBipVf1QLC2pwT2mkpNktOJctRP87qmK1xu01mVHaFHXDfepTQD-2FsIlk7eYcxfkbzHHe1H5fkZWvXzKweIb1yX8B2t6hX0Q2g-3D-3D5v2B_x30sfMzslv0I3IXCcbBFV8LqPigxI35KlWrXwQT-2BBmLe9RJOsK2pDh4UJ0EId4Kt7nyxuz2Cvi5D-2Bql1zW93SWcgCH5fOenHGKLepZPjA-2FOoRxsX6xODQjksxi1jeVZ3V2RTdkcqzaq6bYQgRW05iBYS3TO0uiUJZfayVXZz3SEYaJpDOvCKUZqJ36ZWVSxpdYYi3e0LR0gK2YRI8HrBxTNv-2F3vqNEuQwmTt-2FvqiS11O2YNrpNe4w9ZmKrPa-2BoBk7tNoqm-2F1Ua5VWeyqzQFtuNdX1hbbJ9X5uMPCcoMpIgo-3D

Last Checked: Jan 19, 2023, 17:04 EST

IP Address: 167.89.115.56
ASN #: AS11377 SENDGRID, US
Location: Unknown, Unknown, Unknown
URL Reputation:
  • Unknown This URL is not identified as malicious in the PhishTank Database.
  • Unknown PhishCheck thinks this URL is likely not a phish.
  • Unknown OpenPhish: URL not in feed.

Other submissions on 167.89.115.56:

  • http://url142.automatedmh.co/ls/click?upn=jzTSFpa3izh8c0opdUgrLWqQBBwhTd6aooAridhS25Xzvvb36jwTdHtfY-2Fnby-2FZqOcv3FIjvV2-2Fy3TuknaRZ3TYsCXqyewce9IFLsTMPzWw-3Dz2LS_0l87HP4HHBtA3sgrQX-2F5itBovEGBGJXz3KJuJ-2FYR9fkN-2FpwpwxNlNKE47twKsaGSAi9ule0dskMLbMfxoddD-2ByrNudScpVVwLuqcK8oe5PE9y4G-2Fj4AB2zmEEDR1W9oNhqgR-2Fo8uZFiupCEAQoEeGjb-2FNFNp8hn3P0TqBkLyuWus6af4zCl3qudMSve6MIkzObRawZ7nLb-2B1uEfmVaJk1FyC1lK3qwSCSrTvkh0WVphHwIXtqiwFmbgBvYRD2Px-2F28UirUxSg2V8Z6i48GK7eh3GNawwomybx19cqYVg03KHTGpnFxL1Xb96CrvlI-2Fp0J1yXThm8kIz1iPQAPUfU59bCFboWxUSFxs-2Fu1dqXNfKEAVrZMEtQwZT47D-2B-2Ft85SacDllQDhi9QoL4PmLMS4LqMVmDijgmtyaCLpvRWyBmA-3D

  • http://url5788.chatlingual.co/

  • http://url5237.mailix.mx/ls/click?upn=2M3b4OX6XkF-2Fd48q7wOQjq8I-2FtGiHj6sjYc4qWVpmTH3QmHXBAbJcCUaCXu6-2FqilyoStXaYspYkCxijwRrpzRYrqXRdgtT8AtGuORbWUImmTEX1ZVZ2kYC-2FjdmZxwsYHtavUCFBS44aH0vCW5gBn7JHXyR8jXo32ajxk-2BeMT3PY2QGxQ7oUZQERb8yuSrUc6kUIGIfKIBADCRzIa-2Bhc6UAA9L-2Bq5ePRixUG5JUeA2oQ-3DMmz9_SMYf1GaKbkh8Wx6Hch-2FfJuIAla2of8wdgp1edAMNlxSitF1eGpfQrBSaOgT5JH0WXsoiuk3yvfnty8TjMunKQUFMlwmMIG8uTD3EnTP8JPZeBpCV5Po6tR1EaQDg5cY5EY52FNzYhxq93GUwP7zgoRJTG8bbDpOYqAWNo5qVwItM9Wnsx5v5YyYXgoM-2B7XQ9Gnzn5l7E1acPj18w4zIEIX6J0XwnSCp22ZLlFjuyI38I43yAMYtWwRljRfIqguskEulU812-2FKKLyoX51CMaDRg-3D-3D

  • http://url4465.gongos.com/ls/click?upn=nBuShFyHxvPQl2teV8uBLZgjpA9GT-2BRBiDISpHQoWt1zx60PiHfuU6P-2BgaQ3VlnIt0MUwC8mneP6D-2F8nZgvbZg-3D-3DFOMn_jrUqf5zwH7FzSx1F7hMR7wRmT2JWlODJ8pyOg2Q5-2FjSMNFfN-2BtkH-2FhfitoC-2BI18KwhWcq8pcR5geex44r9n-2BowJKbMSZhiFGqx9UvU2BUvZumFGWFtsdVCuwKCG1qNy6en3IANrHAjIa0DTbNwbVIS7LluX4hDclu8GPrZyCurSDHtQsd-2BbfmQA3Mz1PwRrqgdgVFWOyUk9VmTU4nns14uxsYXHJF-2BMvtSRB9uzVlFU-3D

  • http://url6078.indeed.grupper.co.il/

  • http://url5237.mailix.mx/wf/open?upn=V3gr07-2Bq0ZIVIqvST7-2B25nMb3CaXSG0QI4rLUeFI18PikqfMPCNLHBO1Oc9-2BTuqAGAIaS6WaCtQfSWUvzcY8wIeRoYy9xAKWNlw4X6yllJ-2BFBTXAhRxBgTzInstf0vvn4-2FRX4GJSysA-2FCFzuQedUZ9tTCKm29Pw0qEM1239-2BGiUXUwHv1Hll42EmWczV6udmx4-2FGKco84c-2FXqREB6i3NF-2BYRrZRKuoTm-2B5RfL-2Fo7d0Kmx3MpS3y8wq1EY-2FYgVRektXVvdO-2F8YMl97hwQa3CJ8WhqajTq8v3KtNKueqSlqPk-3D

  • http://url5764.withintelligence-email.com/ls/click?upn=mn9ZNCW8r2AxNWh0hdgiCZpbs62sOwuljB8f5yrwPONgVXrrLAOIPwhtHDJDxtfA5tC2saTB-2BwArI3JL88RKUD88IuLhjJuVXgF-2B2GUokyA-3DPYY6_TetKf6PRyDIVU-2FyS2TPujw-2FKgsl0YpRcrai0OxBBnKRJky19VyyqE0UaElDRfS4WLyJY78HRkfdApxoPJIXLgsRZgqP3x5YCTbFiXovtXxV70dGHkPe5ElCzt9Do0gyUzjz-2Bi-2BpwtvyyeXu3SZKDduoqcVtYU4NTNZA1EgF-2F0XdHkBG1VuosZTaWXpnin3P9loWnuPVk7xSboQ-2BVQTYrsJP61TyI3sfJeQLMFqNL08uU9zDv1ek9snTbs9WMe-2F9jofV1dbRXhfn4gxcNd2boXHAkcVqKKVkK73lc52eH8h8zJY0436QEMjDDktzmC9p8Zb2K8swLc8ZgA2ALS8nY-2Bj1zgdPAwGp3h-2Bm3PD8syi9q5Q6h1WAu4kCqMgPKrfmUp-2BXuSukmUOb3F5Cbf6zSGfmdS5KXf9V17OPs0l1ByDA-3D

  • http://url5764.withintelligence-email.com/ls/click?upn=mn9ZNCW8r2AxNWh0hdgiCZpbs62sOwuljB8f5yrwPONgVXrrLAOIPwhtHDJDxtfA5tC2saTB-2BwArI3JL88RKUD88IuLhjJuVXgF-2B2GUokyA-3DDRXd_TetKf6PRyDIVU-2FyS2TPujw-2FKgsl0YpRcrai0OxBBnKRJky19VyyqE0UaElDRfS4WLyJY78HRkfdApxoPJIXLgsRZgqP3x5YCTbFiXovtXxV70dGHkPe5ElCzt9Do0gyUzjz-2Bi-2BpwtvyyeXu3SZKDduoqcVtYU4NTNZA1EgF-2F0XdHkBG1VuosZTaWXpnin3P9loWnuPVk7xSboQ-2BVQTYrsJP61TyI3sfJeQLMFqNL08uU9zDv1ek9snTbs9WMe-2F9jyqUc-2F49ZePaHgDB-2BxcnCENh-2BY-2BNtzi8riL3ELH8cwdmdUBvZCSvoSuPiXZ7ukl-2BsUqkdQposMcFuxKAZK3QbgQyMTx6RND-2F1GveLsuVZSi6qCLT95R23HaJjr2SlRz6OPzUMEwdArVjWDU-2F1mWYrnRDwLe1EJe12Jdgeff6MD-2Bk-3D

  • http://info.rm.alumnialliances.com/ss/c/TIUgTlyGlfeg-to93T6WaMtuSgQRuWLiILhziblNx0aq0P-qUEvlx9xxDiUCCHoA6o8jQ7-7O3yKecIq-pdCOYbUypb8-YzjmSzr-0JmXA3BnbNNHadOxG9Y4y4d79XN/3sm/LPYkNvr4QkKcCRUuc-4Tlw/h5/cIlFiPhknvZWQfIQ4iIMsdpFEtzz2WmY1lKVFAaFfZs

  • http://url456.inbox-leads.net/wf/open?upn=2MIk3wwbHlcRDU-2BtyqNn2IctDvX-2BivDBKim4IyjfEKDGCMab1MeuWQbAyZ01AmHj3hkhhNcDlgLUnY1VPjozipbAHCxs3f6B7vhyypTU7I9iMVqPEGVK62Nz7eU5owZW20WS-2ByHlH-2FcXPnByV8HWV-2F9AoEaNiuq2QCxrNlSJcnPOIJYTAc9b9MW6qq6yyHkXatvk9fvopelKpy3SIitqTZCIr77-2Fv9tFS5owEV1MAtjiGq7unXy7AAwjQOwwlUDsxWxGaPxMji0uqEwJAWsyvY0jfaw-2BxBdzAfs3Cr0cXpcwCGwrIqRLGBNAleGijhiyH-2F-2FVxVt9HzgCNBltXS72q3Pm2md2is5nTxl7OmQ9JcH3FtpiwMVYEYHwyDYnk-2FWPa0Zt-2FcyIsq6oD56zcufKGG7rk35UFm0f6qHw5plTkk0F-2Fj5l4OqxYzcQ2U2MeFUp

Other submissions on clickmarkteffect.nl:

Previous checks:

                               Domain name: clickmarkteffect.nl
Status:      active

Reseller:
   TransIP
   Vondellaan 47
   2332AA Leiden
   Netherlands

Registrar:
   team.blue nl B.V.
   Vondellaan 47
   2332AA Leiden
   Netherlands

Abuse Contact:
   abuse@nl.team.blue

Creation Date: 2021-03-09

Updated Date: 2021-03-25

DNSSEC:      no

Domain nameservers:
   alexia.ns.cloudflare.com
   jacob.ns.cloudflare.com

Record maintained by: NL Domain Registry

Copyright notice
No part of this publication may be reproduced, published, stored in a
retrieval system, or transmitted, in any form or by any means,
electronic, mechanical, recording, or otherwise, without prior
permission of the Foundation for Internet Domain Registration in the
Netherlands (SIDN).
These restrictions apply equally to registrars, except in that
reproductions and publications are permitted insofar as they are
reasonable, necessary and solely in the context of the registration
activities referred to in the General Terms and Conditions for .nl
Registrars.
Any use of this material for advertising, targeting commercial offers or
similar activities is explicitly forbidden and liable to result in legal
action. Anyone who is aware or suspects that such activities are taking
place is asked to inform the Foundation for Internet Domain Registration
in the Netherlands.
(c) The Foundation for Internet Domain Registration in the Netherlands
(SIDN) Dutch Copyright Act, protection of authors' rights (Section 10,
subsection 1, clause 1).

                             
  • GET
    200 OK

    https://cdn1.collecthor.nl/organisation8/public/ME/Assets/icon_me2021_v2.png

  • https://url5519.clickmarkteffect.nl/ls/click?upn=FMUb7vh8Fnmz9x24jht-2BqprvUgOi-2FhfM1vfhAmtfvITHZtwatAID7bW7ea7rYUdY64WiWAVUwbwAn3xAujl7Ba2rX-2FfMU7vP-2BVE6LoOgJDdeyATJ6HdIBGBipVf1QLC2pwT2mkpNktOJctRP87qmK1xu01mVHaFHXDfepTQD-2FsIlk7eYcxfkbzHHe1H5fkZWvXzKweIb1yX8B2t6hX0Q2g-3D-3D5v2B_x30sfMzslv0I3IXCcbBFV8LqPigxI35KlWrXwQT-2BBmLe9RJOsK2pDh4UJ0EId4Kt7nyxuz2Cvi5D-2Bql1zW93SWcgCH5fOenHGKLepZPjA-2FOoRxsX6xODQjksxi1jeVZ3V2RTdkcqzaq6bYQgRW05iBYS3TO0uiUJZfayVXZz3SEYaJpDOvCKUZqJ36ZWVSxpdYYi3e0LR0gK2YRI8HrBxTNv-2F3vqNEuQwmTt-2FvqiS11O2YNrpNe4w9ZmKrPa-2BoBk7tNoqm-2F1Ua5VWeyqzQFtuNdX1hbbJ9X5uMPCcoMpIgo-3D https://app.collecthor.nl/cm/mail/38804/28793221/5yWeiwGXYx_zA7rP_sRygWgFPZgxb6ZbBCvHNx0dmH0/1831908555/channel_id%2Ctarget_id%2Cexpires
  • https://app.collecthor.nl/cm/mail/38804/28793221/5yWeiwGXYx_zA7rP_sRygWgFPZgxb6ZbBCvHNx0dmH0/1831908555/channel_id%2Ctarget_id%2Cexpires https://collecthorsurvey.nl/fmpS0uFnXQLLvQi9BnEgeJ/1831932262/v1Aa2x5LI-6gnVWPVbRHAAJet5UmgFX1tMo3jUw_yaA
<html lang="nl"><!-- Layout: /project/src/modules/SurveyjsBackend/src/views/layouts/surveyjs.php --><head><div id="sv-icon-holder-global-container" style="display: none;"><svg><symbol id="icon-arrowdown_34x34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" xml:space="preserve"><polygon class="st0" points="12,16 14,14 17,17 20,14 22,16 17,21 "></polygon></symbol><symbol id="icon-arrowleft" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M15 8.99999H4.39998L8.69998 13.3L7.29998 14.7L0.599976 7.99999L7.29998 1.29999L8.69998 2.69999L4.39998 6.99999H15V8.99999Z"></path></symbol><symbol id="icon-arrowright" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M1 6.99999H11.6L7.3 2.69999L8.7 1.29999L15.4 7.99999L8.7 14.7L7.3 13.3L11.6 8.99999H1V6.99999Z"></path></symbol><symbol id="icon-arrow_downgrey_10x10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 10" xml:space="preserve"><polygon class="st0" points="2,2 0,4 5,9 10,4 8,2 5,5 "></polygon></symbol><symbol id="icon-choosefile" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 9V7C22 5.9 21.1 5 20 5H12L10 3H4C2.9 3 2 3.9 2 5V9V10V21H22L24 9H22ZM4 5H9.2L10.6 6.4L11.2 7H12H20V9H4V5ZM20.3 19H4V11H21.6L20.3 19Z"></path></symbol><symbol id="icon-clear" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.6 8.6L16.4 2.4C16 2 15.5 1.8 15 1.8C14.5 1.8 14 2 13.6 2.4L1.4 14.6C0.600003 15.4 0.600003 16.6 1.4 17.4L6 22H12L22.6 11.4C23.3 10.6 23.3 9.3 22.6 8.6ZM11.1 20H6.8L2.8 16L6.2 12.6L12.4 18.8L11.1 20ZM13.8 17.4L7.6 11.2L15 3.8L21.2 10L13.8 17.4ZM16 20H23V22H14L16 20Z"></path></symbol><symbol id="icon-defaultfile" viewBox="0 0 56 68" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_9011_41219)"><path d="M54.83 10.83L45.17 1.17C44.7982 0.798664 44.357 0.504208 43.8714 0.303455C43.3858 0.102703 42.8654 -0.000411943 42.34 1.2368e-06H6C4.4087 1.2368e-06 2.88257 0.632142 1.75735 1.75736C0.632136 2.88258 0 4.4087 0 6V62C0 63.5913 0.632136 65.1174 1.75735 66.2426C2.88257 67.3679 4.4087 68 6 68H50C51.5913 68 53.1174 67.3679 54.2426 66.2426C55.3679 65.1174 56 63.5913 56 62V13.66C56.0004 13.1346 55.8973 12.6142 55.6965 12.1286C55.4958 11.643 55.2013 11.2018 54.83 10.83ZM44 2.83L53.17 12H48C46.9391 12 45.9217 11.5786 45.1716 10.8284C44.4214 10.0783 44 9.06087 44 8V2.83ZM54 62C54 63.0609 53.5786 64.0783 52.8284 64.8284C52.0783 65.5786 51.0609 66 50 66H6C4.93913 66 3.92172 65.5786 3.17157 64.8284C2.42142 64.0783 2 63.0609 2 62V6C2 4.93914 2.42142 3.92172 3.17157 3.17157C3.92172 2.42143 4.93913 2 6 2H42V8C42 9.5913 42.6321 11.1174 43.7574 12.2426C44.8826 13.3679 46.4087 14 48 14H54V62ZM14 24H42V26H14V24ZM14 30H42V32H14V30ZM14 36H42V38H14V36ZM14 42H42V44H14V42Z" fill="#909090"></path></g><defs><clipPath id="clip0_9011_41219"><rect width="56" height="68" fill="white"></rect></clipPath></defs></symbol><symbol id="icon-delete" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z"></path></symbol><symbol id="icon-down_34x34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 34" xml:space="preserve"><g><path class="st0" d="M33,34H0V0h33c0.6,0,1,0.4,1,1v32C34,33.6,33.6,34,33,34z"></path><polygon class="st1" points="12,16 14,14 17,17 20,14 22,16 17,21 "></polygon></g></symbol><symbol id="icon-left" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve"><polygon points="11,12 9,14 3,8 9,2 11,4 7,8 "></polygon></symbol><symbol id="icon-modernbooleancheckchecked" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><polygon points="19,10 14,10 14,5 10,5 10,10 5,10 5,14 10,14 10,19 14,19 14,14 19,14 "></polygon></symbol><symbol id="icon-modernbooleancheckind" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M22,0H2C0.9,0,0,0.9,0,2v20c0,1.1,0.9,2,2,2h20c1.1,0,2-0.9,2-2V2C24,0.9,23.1,0,22,0z M21,18L6,3h15V18z M3,6l15,15H3V6z"></path></symbol><symbol id="icon-modernbooleancheckunchecked" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="4"></rect></symbol><symbol id="icon-moderncheck" viewBox="0 0 24 24"><path d="M5,13l2-2l3,3l7-7l2,2l-9,9L5,13z"></path></symbol><symbol id="icon-modernradio" viewBox="-12 -12 24 24"><circle r="6" cx="0" cy="0"></circle></symbol><symbol id="icon-more" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 12C6 13.1 5.1 14 4 14C2.9 14 2 13.1 2 12C2 10.9 2.9 10 4 10C5.1 10 6 10.9 6 12ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM20 10C18.9 10 18 10.9 18 12C18 13.1 18.9 14 20 14C21.1 14 22 13.1 22 12C22 10.9 21.1 10 20 10Z"></path></symbol><symbol id="icon-progressbutton" viewBox="0 0 10 10"><polygon points="2,2 0,4 5,9 10,4 8,2 5,5 "></polygon></symbol><symbol id="icon-progressbuttonv2" viewBox="0 0 16 16"><path d="M15 8.99999H4.39998L8.69998 13.3L7.29998 14.7L0.599976 7.99999L7.29998 1.29999L8.69998 2.69999L4.39998 6.99999H15V8.99999Z"></path></symbol><symbol id="icon-removefile" viewBox="0 0 16 16"><path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M11,10l-1,1L8,9l-2,2l-1-1l2-2L5,6l1-1l2,2l2-2l1,1L9,8 L11,10z"></path></symbol><symbol id="icon-right" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" xml:space="preserve"><polygon points="5,4 7,2 13,8 7,14 5,12 9,8 "></polygon></symbol><symbol id="icon-timercircle" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 160 160"><circle cx="80" cy="80" r="70" style="stroke: var(--sd-timer-stroke-background-color); stroke-width: var(--sd-timer-stroke-background-width)" stroke-dasharray="none" stroke-dashoffset="none"></circle><circle cx="80" cy="80" r="70"></circle></symbol><symbol id="icon-v2check" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M8.00001 15.8L2.60001 10.4L4.00001 9L8.00001 13L16 5L17.4 6.4L8.00001 15.8Z"></path></symbol><symbol id="icon-v2dragelement_16x16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M2 4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H13C13.2652 3 13.5196 3.10536 13.7071 3.29289C13.8946 3.48043 14 3.73478 14 4C14 4.26522 13.8946 4.51957 13.7071 4.70711C13.5196 4.89464 13.2652 5 13 5H3C2.73478 5 2.48043 4.89464 2.29289 4.70711C2.10536 4.51957 2 4.26522 2 4ZM13 7H3C2.73478 7 2.48043 7.10536 2.29289 7.29289C2.10536 7.48043 2 7.73478 2 8C2 8.26522 2.10536 8.51957 2.29289 8.70711C2.48043 8.89464 2.73478 9 3 9H13C13.2652 9 13.5196 8.89464 13.7071 8.70711C13.8946 8.51957 14 8.26522 14 8C14 7.73478 13.8946 7.48043 13.7071 7.29289C13.5196 7.10536 13.2652 7 13 7ZM13 11H3C2.73478 11 2.48043 11.1054 2.29289 11.2929C2.10536 11.4804 2 11.7348 2 12C2 12.2652 2.10536 12.5196 2.29289 12.7071C2.48043 12.8946 2.73478 13 3 13H13C13.2652 13 13.5196 12.8946 13.7071 12.7071C13.8946 12.5196 14 12.2652 14 12C14 11.7348 13.8946 11.4804 13.7071 11.2929C13.5196 11.1054 13.2652 11 13 11Z"></path></symbol><symbol id="icon-clear_16x16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.35 3.34999L12.65 2.64999L8.05002 7.24999L3.35002 2.64999L2.65002 3.34999L7.25002 8.04999L2.65002 12.65L3.35002 13.35L8.05002 8.74999L12.65 13.35L13.35 12.65L8.75002 8.04999L13.35 3.34999Z"></path></symbol><symbol id="icon-collapsedetail" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13 7H3V9H13V7Z"></path></symbol><symbol id="icon-expanddetail" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13 7H9V3H7V7H3V9H7V13H9V9H13V7Z"></path></symbol><symbol id="icon-no-image" viewBox="0 0 48 48"><g opacity="0.5"><path d="M14 17.01C14 16.4167 14.1759 15.8366 14.5056 15.3433C14.8352 14.8499 15.3038 14.4654 15.8519 14.2384C16.4001 14.0113 17.0033 13.9519 17.5853 14.0676C18.1672 14.1834 18.7018 14.4691 19.1213 14.8887C19.5409 15.3082 19.8266 15.8428 19.9424 16.4247C20.0581 17.0067 19.9987 17.6099 19.7716 18.1581C19.5446 18.7062 19.1601 19.1748 18.6667 19.5044C18.1734 19.8341 17.5933 20.01 17 20.01C16.2044 20.01 15.4413 19.6939 14.8787 19.1313C14.3161 18.5687 14 17.8056 14 17.01ZM27.09 24.14L20 36.01H36L27.09 24.14ZM36.72 8.14L35.57 10.01H36C36.5304 10.01 37.0391 10.2207 37.4142 10.5958C37.7893 10.9709 38 11.4796 38 12.01V36.01C38 36.5404 37.7893 37.0491 37.4142 37.4242C37.0391 37.7993 36.5304 38.01 36 38.01H18.77L17.57 40.01H36C37.0609 40.01 38.0783 39.5886 38.8284 38.8384C39.5786 38.0883 40 37.0709 40 36.01V12.01C39.9966 11.0765 39.6668 10.1737 39.0678 9.45778C38.4688 8.74188 37.6382 8.25802 36.72 8.09V8.14ZM36.86 4.5L12.86 44.5L11.14 43.5L13.23 40.01H12C10.9391 40.01 9.92172 39.5886 9.17157 38.8384C8.42143 38.0883 8 37.0709 8 36.01V12.01C8 10.9491 8.42143 9.93172 9.17157 9.18157C9.92172 8.43143 10.9391 8.01 12 8.01H32.43L35.14 3.5L36.86 4.5ZM14.43 38.01L15.63 36.01H12L19 27.01L20.56 27.8L31.23 10.01H12C11.4696 10.01 10.9609 10.2207 10.5858 10.5958C10.2107 10.9709 10 11.4796 10 12.01V36.01C10 36.5404 10.2107 37.0491 10.5858 37.4242C10.9609 37.7993 11.4696 38.01 12 38.01H14.43Z"></path></g></symbol><symbol id="icon-search" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14 2C9.6 2 6 5.6 6 10C6 11.8 6.6 13.5 7.7 14.9L2.3 20.3C1.9 20.7 1.9 21.3 2.3 21.7C2.5 21.9 2.7 22 3 22C3.3 22 3.5 21.9 3.7 21.7L9.1 16.3C10.5 17.4 12.2 18 14 18C18.4 18 22 14.4 22 10C22 5.6 18.4 2 14 2ZM14 16C10.7 16 8 13.3 8 10C8 6.7 10.7 4 14 4C17.3 4 20 6.7 20 10C20 13.3 17.3 16 14 16Z"></path></symbol><symbol id="icon-editor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g><polygon points="1,3 3,3 3,8 2,8 2,9 3,9 5,9 6,9 6,8 5,8 5,3 7,3 7,4 8,4 8,1 7,1 0,1 0,2 0,3 0,4 1,4 "></polygon><rect x="10" y="5" width="6" height="1"></rect><rect x="10" y="8" width="6" height="1"></rect><rect y="11" width="16" height="1"></rect><rect y="14" width="16" height="1"></rect></g></symbol><symbol id="icon-barrating" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g><path d="M12.1,15l-4.6-2.4L2.9,15l0.9-5.1L0,6.3l5.2-0.7L7.5,1l2.3,4.6L15,6.3l-3.8,3.6L12.1,15z"></path></g></symbol><symbol id="icon-datepicker" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g><rect x="3" y="7" width="2" height="2"></rect><rect x="7" y="11" width="2" height="2"></rect><rect x="3" y="11" width="2" height="2"></rect><rect x="11" y="11" width="2" height="2"></rect><rect x="11" y="7" width="2" height="2"></rect><path d="M10,6H6v4h4V6z M9,9H7V7h2V9z"></path><rect x="4" width="1" height="3"></rect><rect x="11" width="1" height="3"></rect><path d="M13,2v2h-3V2H6v2H3V2H0v14h16V2H13z M15,15H1V5h14V15z"></path></g></symbol><symbol id="icon-nouislider" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><rect y="10" width="16" height="2"></rect><polygon points="2,4 2,7 4,9 6,7 6,4 "></polygon><polygon points="10,4 10,7 12,9 14,7 14,4 "></polygon></symbol><symbol id="icon-tagbox" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g><path d="M15,11H0V5h15V11z M1,10h13V6H1V10z"></path></g><rect x="2" y="7" width="4" height="2"></rect><rect x="7" y="7" width="4" height="2"></rect></symbol><symbol id="icon-sortablejs" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7 1h9v2H7zM9 6h7v2H9zM11 11h5v2h-5zM5 10l1 1c-2.2 0-4-1.8-4-4 0-1.9 1.3-3.4 3-3.9v-2C2.2 1.5 0 4 0 7c0 3.3 2.7 6 5.9 6H6l-1 1 1 1 3-3-3-3-1 1z"></path></symbol></svg></div>
    <title>Enquête | Marktonderzoeksbureau Markteffect</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="https://cdn1.collecthor.nl/organisation8/public/ME/Assets/icon_me2021_v2.png" type="image/x-icon">
    <link href="/versioned-assets/v10.3.3/npm_@pnotify/core/dist/PNotify.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_@pnotify/confirm/dist/PNotifyConfirm.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_@pnotify/core/dist/BrightTheme.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_select2_dist/css/select2.min.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_nouislider_distribute/nouislider.min.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/bars-1to10.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/bars-horizontal.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/bars-movie.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/bars-pill.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/bars-reversed.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/bars-square.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/bootstrap-stars.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/css-stars.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/fontawesome-stars-o.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/themes/fontawesome-stars.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_@fortawesome_fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_surveywidgets_imagefeedback_assets/imagefeedback.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_animate.css/animate.min.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_assets/survey.css" rel="stylesheet">
<link href="/versioned-assets/v10.3.3/npm_bootstrap_dist/css/bootstrap.css" rel="stylesheet">
<link href="https://cdn1.collecthor.nl/organisation8/themes/551/style.css?c=0" rel="stylesheet"><style>
            .collecthor-carousel {
                overflow: hidden;
            }
            .collecthor-carousel > * {
                display: none;     
            }
            
            .collecthor-carousel label {
                display: block;
            }
            .collecthor-carousel > .active {
                display: block;
            }                                         
            </style><style>
            .imagemap {
                width: 100%;
                position: relative;
            }
            
            .imagemap canvas {
                width: 100% !important;
                height: 100% !important;
                min-width: 100%;
                max-width: 100%;
                min-height: 100%;
                max-height: 100%;
            }
            .imagemap .canvas-wrapper {
                z-index: 10;
                display: none;
            }
            .imagemap .canvas-wrapper.loaded {
                display: block; 
            }
            .imagemap[data-hover] {
                cursor: pointer;
            }

            // .imagemap .canvas-container {
            //     max-height: 100vh;
            //     max-width: 90%;
            // }
            //
            </style><style>
        .collecthor-iat-carousel {
          position: relative;
          overflow: hidden;
          --animate-duration: 0.7s;
        }
        .svd_container.sv_default_css .collecthor-iat.form-control, .collecthor-iat {
          height: auto;
        }
        .collecthor-iat em {
          font-style: normal;
          font-weight: bold;
        }
        
        .lockFocus.collecthor-iat > * {
          z-index: 5;
          position: relative;
        }
        
        .collecthor-iat-carousel > * {
            display: none;     
        }
        
        .collecthor-iat-carousel label {
            display: block;
        }
        .collecthor-iat-carousel > .active {
            display: block;
        }
        .collecthor-iat-carousel > .title-card {
            text-align: center;
            font-size: 2em;
        }
        
        .collecthor-iat-carousel-card {
          font-size: 2em;
          text-align: center;
        }
        .collecthor-iat-overlay {
          display: none;
          content: '&nbsp;';
          position: fixed !important;
          left: 0;
          top: 0;
          width: 100vw;
          height: 100vh;
        }
        
        .lockFocus .collecthor-iat-overlay {
          display: block;
        }
        .collecthor-iat-right-button {
          float: right;
        }
        .collecthor-iat-finished button {
          pointer-events: none;
        }
          </style><style>
        .collecthor-firstimpression {
          height: auto !important;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .collecthor-firstimpression .firstimpression-image {
          display: none;
          -webkit-transition: opacity 0.2s ease-in-out;
          -moz-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
          max-width: 100%;
        }

        .collecthor-firstimpression .firstimpression-starttext {
          min-height: 200px;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .collecthor-firstimpression .firstimpression-starttext > p {
          font-size: 2em;
          cursor: pointer;
        }
          </style><style></style><style id="bootstrap.sv_main"></style><style id="surveyjs-styles"></style></head>
<body><div id="pagewindow"><div id="markteffectheaderblock"><img src="https://cdn1.collecthor.nl/organisation8/public/ME/Logo/logo_me2021_darkgreen.png"></div><div class="survey-container" id="survey-container">
<div id="w0" class="rendered">
    <!-- ko template: { name: "survey-content-template", afterRender: $data.implementor.koEventAfterRender } -->
  <div data-bind="css: rootCss" class="sv_main sv_bootstrap_css">
      <form onsubmit="return false;">
          <div class="sv_custom_header" data-bind="visible: !hasLogo"></div>
          <div data-bind="css: containerCss" class="sv_container">
              <!-- ko template: { name: koTitleTemplate, afterRender: koAfterRenderHeader } -->
  <!-- ko if: renderedHasHeader --><!-- /ko -->
<!-- /ko -->
              <!-- ko if: isShowingPage -->
              <!-- ko if: isTimerPanelShowingOnTop && !isShowStartingPage --><!-- /ko -->
              <!-- ko if: isShowProgressBarOnTop && !isShowStartingPage --><!-- /ko -->
              <div data-bind="css: bodyCss, style:{maxWidth: renderedWidth}" class="panel-body card-block mt-4 mt-4--responsive">
                  <!-- ko if: isNavigationButtonsShowingOnTop --><!-- /ko -->
                  <!-- ko if: activePage -->
                    <div data-bind="attr: { id: activePage.id }, template: { name: 'survey-page', data: activePage, afterRender: koAfterRenderPage }" id="sp_113">
  <div data-bind="css: cssRoot">
    <!-- ko component: { name: 'survey-element-title', params: {element: $data } } --><!-- ko if: element.hasTitle --><!-- /ko --><!-- /ko -->
    <!-- ko if: _showDescription--><!-- /ko -->
    <!-- ko template: { name: 'survey-rows', data: $data} -->
  <!-- ko foreach: { data: rows, as: 'row'} -->
    <!-- ko if: row.visible -->
      <!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData:  $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } --><!-- ko if: templateData.name -->
  <!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
  <div data-bind="css: row.getRowCss()" class="sv_row">
    <!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } --><div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }" style="flex: 1 1 100%; min-width: 300px; max-width: 100%;">
  <!-- ko if: row.isNeedRender -->
    <!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData:  row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } --><!-- ko if: templateData.name -->
  <!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}" class="sv_qstn" id="sq_151" data-name="T001" role="textbox" aria-required="false" aria-invalid="false">
  <!-- ko if: question.showErrorsAboveQuestion --><!-- /ko -->
  <!-- ko if: question.hasTitleOnLeftTop --><!-- /ko -->
  <!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData:  question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } --><!-- ko if: templateData.name -->
  <!-- ko template: { name: templateData.name, data: templateData.data, afterRender: templateData.afterRender } -->
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation">
    <!-- ko if: question.showErrorOnTop -->
      <!-- ko template: { name: 'survey-question-errors', data: question } -->
        <!-- ko if: hasVisibleErrors --><!-- /ko -->
<!-- /ko -->
    <!-- /ko -->
    <!-- ko if: question.isDefaultRendering() -->
      <!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } --><div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root">Via deze vragenlijst wil KRO-NCRV graag jouw mening weten over je KRO-NCRV lidmaatschap. Het invullen van de vragenlijst duurt ongeveer 8 tot 10 minuten en is volledig anoniem. De gegevens worden niet voor andere doeleinden gebruikt.<br><br>Onder de deelnemers van de enquête worden 10 bol.com cadeaubonnen ter waarde van 20 euro verloot.<br><br>Hartelijk dank voor je medewerking.<br><br>Met vriendelijke groet,<br><br>Peter Kuipers en Sandra Hilster<br>
Directie KRO-NCRV</div><!-- /ko -->
    <!-- /ko -->
    <!-- ko ifnot: question.isDefaultRendering() --><!-- /ko -->
    <!-- ko if: question.hasComment --><!-- /ko -->
    <!-- ko if: question.showErrorOnBottom --><!-- /ko -->
    <!-- ko if: question.isErrorsModeTooltip --><!-- /ko -->
    <!-- ko if: question.hasDescriptionUnderInput --><!-- /ko -->
    <!-- ko if: question.hasTitleOnBottom --><!-- /ko -->
  </div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
  <!-- ko if: question.showErrorsBelowQuestion --><!-- /ko -->
  </div><!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
  <!-- /ko -->
  <!-- ko if: !row.isNeedRender && question.skeletonComponentName --><!-- /ko -->
  </div><!-- /ko -->
<!-- /ko -->
  </div>
<!-- /ko -->
<!-- /ko -->
<!-- ko ifnot: templateData.name --><!-- /ko -->
<!-- /ko -->
    <!-- /ko -->
  <!-- /ko -->
<!-- /ko -->
  </div>
</div>
                    <!-- ko if: activePage.rows.length == 0 && $data.emptyPageTemplate --><!-- /ko -->
                  <!-- /ko -->
                  <!-- ko if: isShowProgressBarOnBottom && !isShowStartingPage --><!-- /ko -->
                  <!-- ko if: isNavigationButtonsShowingOnBottom -->
                    <!-- ko component: { name: 'sv-action-bar', params: { model: navigationBar } } --><!-- ko if: model.hasActions -->
<div data-bind="css: model.getRootCss(), click: handleClick ? function() { return true; } : undefined, clickBubble: handleClick ? false : undefined" class="sv-action-bar sv-action-bar--default-size-mode panel-footer card-footer">
  <!-- ko foreach: model.renderedActions -->
  <!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action sv-action--hidden" id="sv-nav-start">
    <!-- ko ifnot: $data.isEmpty -->
    <div class="sv-action__content">
        <!-- ko if: $data.needSeparator --><!-- /ko -->
        <!-- ko ifnot: $data.template-->
        <!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item  -->
  <input type="button" data-bind="event: { mousedown: $data.data &amp;&amp; $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Start" style="display: none;" class="btn btn-primary sv_start_btn">
<!-- /ko --><!-- /ko -->
        <!-- /ko -->
        <!-- ko if: $data.template  --><!-- /ko -->
    </div>
    <!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
  
  <!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action sv-action--hidden" id="sv-nav-prev">
    <!-- ko ifnot: $data.isEmpty -->
    <div class="sv-action__content">
        <!-- ko if: $data.needSeparator --><!-- /ko -->
        <!-- ko ifnot: $data.template-->
        <!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item  -->
  <input type="button" data-bind="event: { mousedown: $data.data &amp;&amp; $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Vorige" style="display: none;" class="btn btn-primary sv_prev_btn">
<!-- /ko --><!-- /ko -->
        <!-- /ko -->
        <!-- ko if: $data.template  --><!-- /ko -->
    </div>
    <!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
  
  <!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action" id="sv-nav-next">
    <!-- ko ifnot: $data.isEmpty -->
    <div class="sv-action__content">
        <!-- ko if: $data.needSeparator --><!-- /ko -->
        <!-- ko ifnot: $data.template-->
        <!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item  -->
  <input type="button" data-bind="event: { mousedown: $data.data &amp;&amp; $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Volgende" class="btn btn-primary sv_next_btn">
<!-- /ko --><!-- /ko -->
        <!-- /ko -->
        <!-- ko if: $data.template  --><!-- /ko -->
    </div>
    <!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
  
  <!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action sv-action--hidden" id="sv-nav-preview">
    <!-- ko ifnot: $data.isEmpty -->
    <div class="sv-action__content">
        <!-- ko if: $data.needSeparator --><!-- /ko -->
        <!-- ko ifnot: $data.template-->
        <!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item  -->
  <input type="button" data-bind="event: { mousedown: $data.data &amp;&amp; $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Voorbeeld" style="display: none;" class="btn btn-primary sv_preview_btn">
<!-- /ko --><!-- /ko -->
        <!-- /ko -->
        <!-- ko if: $data.template  --><!-- /ko -->
    </div>
    <!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
  
  <!-- ko component: { name: 'sv-action', params: { item: $data } } --><!-- ko with: $data.item -->
<div data-bind="class: $data.getActionRootCss(), attr: { id: $data.id }" class="sv-action sv-action--hidden" id="sv-nav-complete">
    <!-- ko ifnot: $data.isEmpty -->
    <div class="sv-action__content">
        <!-- ko if: $data.needSeparator --><!-- /ko -->
        <!-- ko ifnot: $data.template-->
        <!-- ko component: { name: $data.component || 'sv-action-bar-item', params: { item: $data } } --><!-- ko with: $data.item  -->
  <input type="button" data-bind="event: { mousedown: $data.data &amp;&amp; $data.data.mouseDown }, value: $data.title, click: $data.action, visible: $data.visible, css: $data.innerCss, disable: $data.disabled" value="Verzenden" style="display: none;" class="btn btn-primary sv_complete_btn">
<!-- /ko --><!-- /ko -->
        <!-- /ko -->
        <!-- ko if: $data.template  --><!-- /ko -->
    </div>
    <!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
  <!--/ko-->
</div>
<!--/ko-->
<!-- /ko -->
                  <!-- /ko -->
              </div>
              <!-- ko if: isTimerPanelShowingOnBottom && !isShowStartingPage --><!-- /ko -->
              <!-- /ko -->
              <!-- ko if: state == "completed" && showCompletedPage --><!-- /ko -->
              <!-- ko if: state == "completedbefore" --><!-- /ko -->
              <!-- ko if: state == "loading" --><!-- /ko -->
              <!-- ko if: state == "empty" --><!-- /ko -->
          </div>
      </form>
      <!-- ko if: showBrandInfo --><!-- /ko -->
  </div>
<!-- /ko -->
</div></div></div>
<script src="/versioned-assets/v10.3.3/npm_@pnotify/core/dist/PNotify.js" defer=""></script>
<script src="/versioned-assets/v10.3.3/npm_@pnotify/confirm/dist/PNotifyConfirm.js" defer=""></script>
<script src="/versioned-assets/v10.3.3/npm_knockout_build_output/knockout-latest.js"></script>
<script src="/versioned-assets/v10.3.3/npm_jmespath_artifacts/jmespath.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_survey-knockout/survey.ko.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_jquery_dist/jquery.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_select2_dist/js/select2.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_nouislider_distribute/nouislider.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_sortablejs/Sortable.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_jquery-bar-rating_dist/jquery.barrating.min.js"></script>
<script src="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_surveywidgets_imagefeedback_assets/imagefeedback.babel.js"></script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=fetch%2CAbortController%2CObject.assign%2CArray.prototype.includes%2CCustomEvent" crossorigin="anonymous" referrerpolicy="no-referrer" nomodule=""></script>
<script src="/versioned-assets/v10.3.3/npm_fabric_dist/fabric.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/bootstrap-slider.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/ck-editor.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/easy-autocomplete.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/emotionsratings.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/icheck.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/inputmask.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/jquery-bar-rating.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/jquery-ui-datepicker.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/nouislider.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/pretty-checkbox.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/select2.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/select2-tagbox.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_surveyjs-widgets_widgets/sortablejs.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_seedrandom_lib/alea.min.js"></script>
<script src="/versioned-assets/v10.3.3/npm_regenerator-runtime/runtime.js"></script>
<script src="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_assets/survey.babel.js"></script>
<script src="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_assets/matrixcarousel.babel.js"></script>
<script src="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_assets/imagemap.babel.js"></script>
<script src="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_assets/implicitassociationtest.babel.js"></script>
<script src="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_assets/firstimpression.babel.js"></script>
<script src="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_assets/theme.js"></script>
<script src="/versioned-assets/v10.3.3/app_modules_SurveyjsBackend_src_assets/csshelper.js"></script>
<script src="https://cdn1.collecthor.nl/organisation8/themes/551/custom.js?c=0"></script>
<script>Survey.Survey.cssType = "bootstrap"
            var survey = surveyFactory({"pages":[{"name":"Inleiding","elements":[{"type":"html","name":"T001","html":"Via deze vragenlijst wil KRO-NCRV graag jouw mening weten over je KRO-NCRV lidmaatschap. Het invullen van de vragenlijst duurt ongeveer 8 tot 10 minuten en is volledig anoniem. De gegevens worden niet voor andere doeleinden gebruikt.<br><br>Onder de deelnemers van de enquête worden 10 bol.com cadeaubonnen ter waarde van 20 euro verloot.<br><br>Hartelijk dank voor je medewerking.<br><br>Met vriendelijke groet,<br><br>Peter Kuipers en Sandra Hilster<br>\nDirectie KRO-NCRV</i>"}]},{"name":"Blok 1: Het lidmaatschap van de KRO-NCRV","elements":[{"type":"multipletext","name":"V001a","title":"Welke woorden komen er als eerst in je op als je aan KRO-NCRV denkt?","description":"Omschrijf in enkele steekwoorden","isRequired":true,"items":[{"name":"1","title":"&nbsp;"},{"name":"2","title":"&nbsp;"},{"name":"3","title":"&nbsp;"},{"name":"4","title":"&nbsp;"},{"name":"5","title":"&nbsp;"}]},{"type":"matrix","name":"V001b","title":"Zijn deze woorden negatief, neutraal of positief?","isRequired":true,"columns":[{"value":"1","text":"Negatief"},{"value":"2","text":"Neutraal"},{"value":"3","text":"Positief"}],"rows":[{"value":"1","text":"{V001a.1}","visibleIf":"{V001a.1} notempty"},{"value":"2","text":"{V001a.2}","visibleIf":"{V001a.2} notempty"},{"value":"3","text":"{V001a.3}","visibleIf":"{V001a.3} notempty"},{"value":"4","text":"{V001a.4}","visibleIf":"{V001a.4} notempty"},{"value":"5","text":"{V001a.5}","visibleIf":"{V001a.5} notempty"}],"isAllRowRequired":true},{"type":"checkbox","name":"V002","title":"Om welke reden(en) ben je lid geworden van KRO-NCRV?","description":"Er zijn meerdere antwoorden mogelijk","isRequired":true,"choices":[{"value":"1","text":"Omdat ik vind dat KRO-NCRV goede programma’s maakt"},{"value":"2","text":"Vanwege mijn christelijke achtergrond"},{"value":"3","text":"Omdat ik het Vertel. magazine graag wil ontvangen"},{"value":"4","text":"Om toegang te krijgen tot een evenement van KRO-NCRV"},{"value":"5","text":"Vanwege het voordeel dat ik krijg op producten en evenementen"},{"value":"6","text":"Omdat ik vind dat het gedachtegoed van KRO-NCRV moet blijven bestaan"},{"value":"7","text":"Omdat ik me betrokken voel bij deze omroep"},{"value":"8","text":"Omdat KRO-NCRV goede doelen steunt"},{"value":"9","text":"Zodat KRO-NCRV programma’s kan blijven maken"},{"value":"10","text":"Omdat KRO-NCRV zich inzet voor een groener, eerlijker en liever morgen"}],"choicesOrder":"random","hasOther":true,"otherText":"Anders, namelijk"},{"type":"matrix","name":"V003","title":"Kun je bij onderstaande stellingen aangeven of je het eens of oneens met deze stelling bent?","isRequired":true,"columns":[{"value":"1","text":"Helemaal mee oneens"},{"value":"2","text":"Mee oneens"},{"value":"3","text":"Neutraal"},{"value":"4","text":"Mee eens"},{"value":"5","text":"Helemaal mee eens"}],"rows":[{"value":"5","text":"Sinds ik lid ben, voel ik me meer betrokken bij KRO-NCRV"},{"value":"3","text":"Het lidmaatschap van KRO-NCRV biedt mij een meerwaarde"},{"value":"1","text":"Ik ben tevreden over het lidmaatschap van KRO-NCRV"},{"value":"6","text":"Ik heb het gevoel dat KRO-NCRV naar mij luistert"},{"value":"2","text":"Het is me duidelijk wat het KRO-NCRV-lidmaatschap inhoudt"},{"value":"4","text":"Ik voel me als lid gewaardeerd door KRO-NCRV"},{"value":"7","text":"Ik voel me als lid van de KRO-NCRV verbonden met andere KRO-NCRV-leden"}],"rowsOrder":"random","isAllRowRequired":true},{"type":"radiogroup","name":"V004","title":"Hoe groot is de kans, op een schaal van 0 tot 10, dat je het KRO-NCRV lidmaatschap zou aanbevelen aan vrienden of bekenden?","isRequired":true,"choices":["0","1","2","3","4","5","6","7","8","9","10"],"colCount":0}]},{"name":"Blok 2: Activiteiten en producten van de KRO-NCRV","elements":[{"type":"panel","name":"panel1","elements":[{"type":"checkbox","name":"V005a","title":"Welke van de onderstaande activiteiten die KRO-NCRV wil gaan organiseren spreken je aan?","description":"Meerdere antwoorden mogelijk","enableIf":"{V005a_escape_99999} empty","choices":[{"value":"1","text":"Inspirerende sessies rondom maatschappelijk thema’s"},{"value":"2","text":"Lezingen rondom zingeving"},{"value":"3","text":"In gesprek gaan met de makers van de journalistieke programma’s zoals Pointer"},{"value":"4","text":"Workshops over het bijdragen aan een betere wereld"},{"value":"5","text":"Workshops over het verrijken van jezelf"},{"value":"6","text":"Ledenacties die bijdragen aan een betere wereld bijvoorbeeld met Kerst samen eten met mensen die eenzaam zijn"},{"value":"7","text":"Ledenacties die bijdragen aan een duurzame wereld bijvoorbeeld “bijvriendelijke” zaadjes inzaaien of meedoen aan de World Clean Up day (zwerfafval opruimen)"},{"value":"8","text":"Open studiodagen"},{"value":"9","text":"Binnenstebuiten festival"}],"choicesOrder":"random","hasNone":true,"noneText":"Geen van bovenstaande activiteiten, maar ik zou wel behoefte hebben aan andere activiteiten"},{"type":"checkbox","name":"V005a_escape_99999","titleLocation":"hidden","choices":[{"value":"1","text":"Ik heb geen behoefte aan activiteiten "}]}],"isRequired":true},{"type":"comment","name":"V005b","visibleIf":"{V005a_escape_99999} empty","title":"Aan welke andere activiteiten die KRO-NCRV zou kunnen organiseren zou je behoefte hebben?"},{"type":"checkbox","name":"V006","title":"Op welke manier wil je graag geïnformeerd worden door KRO-NCRV?","description":"Er zijn meerdere antwoorden mogelijk","isRequired":true,"choices":[{"value":"1","text":"Facebook"},{"value":"2","text":"Instagram"},{"value":"3","text":"WhatsApp"},{"value":"4","text":"Nieuwsbrief via mail"},{"value":"5","text":"Via de website"},{"value":"6","text":"Het blad Vertel. magazine"},{"value":"7","text":"Via ledenbijeenkomsten die ik kan bezoeken"},{"value":"8","text":"Het blad Vertel. magazine in online versie"}],"choicesOrder":"random","hasOther":true,"hasNone":true,"noneText":"Op geen enkele manier","otherText":"Anders, namelijk"}]},{"name":"Blok 3: Thema’s KRO-NCRV","elements":[{"type":"panel","name":"panel5","elements":[{"type":"radiogroup","name":"V007","title":"Vind je het belangrijk dat KRO-NCRV aandacht besteedt aan maatschappelijke thema’s, zoals een eerlijker voedselsysteem, liever zijn voor anderen in de samenleving, een groenere wereld en rechtvaardigheid voor burgers die in de knel komen?","isRequired":true,"choices":[{"value":"1","text":"Ja"},{"value":"2","text":"Nee"},{"value":"3","text":"Weet ik niet / maakt me niet uit"}]},{"type":"checkbox","name":"V008","title":"Welk(e) thema(‘s) is/zijn voor jou het meest relevant","description":"Er zijn meerdere antwoorden mogelijk","isRequired":true,"choices":[{"value":"1","text":"Eerlijker"},{"value":"2","text":"Groener"},{"value":"3","text":"Liever"},{"value":"4","text":"Rechtvaardiger"}],"choicesOrder":"random"}]},{"type":"matrix","name":"V009","title":"Hieronder zie je een drietal voorstellen. Kun je voor ieder van deze voorstellen aangeven in hoeverre het je aanspreekt?","isRequired":true,"columns":[{"value":"1","text":"Spreekt helemaal niet aan"},{"value":"2","text":"Spreekt niet aan"},{"value":"3","text":"Neutraal"},{"value":"4","text":"Spreekt aan"},{"value":"5","text":"Spreekt heel erg aan"},{"value":"6","text":"Weet ik niet"}],"rows":[{"value":"1","text":"Het ontvangen van KRO-NCRV nieuwsbrieven die zijn afgestemd op jouw interesses"},{"value":"3","text":"Het ontvangen van exclusieve content (bijvoorbeeld artikelen en programma's) op het gebied van jouw interesses"},{"value":"2","text":"De mogelijkheid om de informatie op de website te filteren op basis van jouw interesses"}],"rowsOrder":"random","isAllRowRequired":true},{"type":"radiogroup","name":"V009b","title":"In de toekomst wil KRO-NCRV haar leden de mogelijkheid bieden om een profiel aan te maken op de website waarmee je gemakkelijk persoonsgegevens kunt wijzigen en voorkeuren voor thema’s en programma’s aan kunt geven. Zou je het fijn vinden als KRO-NCRV deze mogelijkheid aanbiedt?","isRequired":true,"choices":[{"value":"1","text":"Ja, zowel vanwege het gemakkelijk kunnen wijzigen van mijn persoonsgegevens als het aan kunnen geven van mijn voorkeuren voor thema’s en programma’s"},{"value":"2","text":"Ja, maar alleen omdat ik mijn persoonsgegevens dan gemakkelijk kan wijzigen"},{"value":"3","text":"Ja, maar alleen omdat ik dan mijn voorkeuren voor thema’s en programma’s aan kan geven"},{"value":"4","text":"Nee, ik heb geen behoefte aan deze mogelijkheid"}]},{"type":"matrix","name":"V010","title":"Kun je aangeven in hoeverre je het eens of oneens bent met onderstaande stellingen over KRO-NCRV?","isRequired":true,"columns":[{"value":"1","text":"Helemaal mee oneens"},{"value":"2","text":"Mee oneens"},{"value":"3","text":"Neutraal"},{"value":"4","text":"Mee eens"},{"value":"5","text":"Helemaal mee eens"},{"value":"6","text":"Weet ik niet"}],"rows":[{"value":"3","text":"Is gericht op de toekomst"},{"value":"5","text":"Gaat over levensvragen"},{"value":"1","text":"Levert een positieve bijdrage aan de samenleving"},{"value":"7","text":"Helpt mij om in actie te komen voor anderen"},{"value":"8","text":"Helpt me bewustere keuzes maken ten aanzien van voeding"},{"value":"6","text":"Komt op voor diversiteit"},{"value":"9","text":"Helpt me goede keuzes te maken over duurzaamheid"},{"value":"2","text":"Zet maatschappelijke thema’s op de kaart"},{"value":"10","text":"Geeft me een optimistisch gevoel"},{"value":"4","text":"Brengt mensen bij elkaar"}],"rowsOrder":"random","isAllRowRequired":true}]},{"name":"Blok 4: Vertel. Magazine","elements":[{"type":"radiogroup","name":"V011","title":"Heb je het Vertel. magazine in het afgelopen jaar ontvangen?","isRequired":true,"choices":[{"value":"1","text":"Ja"},{"value":"2","text":"Nee"},{"value":"3","text":"Weet ik niet"}]},{"type":"radiogroup","name":"V012","visibleIf":"{V011} = 1","title":"De laatste editie van Vertel. is in december 2022 naar je opgestuurd. Is deze editie bij je aangekomen?<br><br><img alt=\"\" src=\"https://cdn1.collecthor.nl/organisation8/projects/14423/Cover%20Vertel.%20december%202022.jpg\" style=\"max-width:360px; width:100%; max-height:500px; height:100%;\" />","isRequired":true,"choices":[{"value":"1","text":"Ja"},{"value":"2","text":"Nee"},{"value":"3","text":"Weet ik niet"}]},{"type":"radiogroup","name":"V013","visibleIf":"{V011} = 1","title":"Wat heb je met het Vertel. magazine gedaan?","description":"Selecteer het antwoord waarvan je vindt dat deze het beste bij je past","isRequired":true,"choices":[{"value":"1","text":"Ik heb het direct zonder te bladeren of lezen bij het oud papier gelegd"},{"value":"2","text":"Ik heb het weggelegd en ga het later lezen"},{"value":"3","text":"Ik heb er even in gebladerd"},{"value":"4","text":"Ik heb enkele artikelen gelezen"},{"value":"5","text":"Ik heb het helemaal uitgelezen"},{"value":"6","text":"Weet ik niet"}]},{"type":"comment","name":"V014","visibleIf":"{V011} = 1","title":"Wat vind je van het blad Vertel.?"},{"type":"matrix","name":"V015","visibleIf":"{V011} = 1","title":"In hoeverre ben je het eens met de onderstaande stellingen?","isRequired":true,"columns":[{"value":"1","text":"Helemaal mee oneens"},{"value":"2","text":"Mee oneens"},{"value":"3","text":"Neutraal"},{"value":"4","text":"Mee eens"},{"value":"5","text":"Helemaal mee eens"}],"rows":[{"value":"1","text":"Ik ben blij dat ik het Vertel mag ontvangen"},{"value":"6","text":"De inhoud van Vertel vind ik interessant"},{"value":"2","text":"Vertel zorgt ervoor dat ik me als lid gewaardeerd voel"},{"value":"3","text":"Vertel is een bijzonder blad"},{"value":"5","text":"Door Vertel ben ik op de hoogte van waar KRO-NCRV voor staat"},{"value":"4","text":"Ik zou anderen aanraden om Vertel te lezen"}],"rowsOrder":"random","isAllRowRequired":true},{"type":"radiogroup","name":"V016","title":"Hoe zou je het Vertel. magazine het liefste ontvangen?","isRequired":true,"choices":[{"value":"1","text":"Ik zou het magazine graag alleen fysiek willen ontvangen"},{"value":"2","text":"Ik zou het magazine graag alleen online willen ontvangen"},{"value":"3","text":"Ik zou het magazine graag zowel fysiek als online willen ontvangen"}],"hasOther":true,"otherText":"Anders, namelijk"}]},{"name":"Blok 5: Bijdrage aan KRO-NCRV","elements":[{"type":"checkbox","name":"V017","title":"Hieronder vind je nieuwe ideeën voor jou als lid, om een bijdrage te leveren aan KRO-NCRV. Welke ideeën spreken je aan?","description":"Er zijn meerdere antwoorden mogelijk","isRequired":true,"choices":[{"value":"1","text":"Programma ideeën voor nieuwe programma’s insturen"},{"value":"2","text":"Reactie kunnen geven op een programma"},{"value":"3","text":"Goede doelen kunnen voorstellen die KRO-NCRV kan ondersteunen"},{"value":"4","text":"Inspirerende makers kunnen voorstellen"}],"choicesOrder":"random","hasOther":true,"hasNone":true,"noneText":"Ik heb geen behoefte om bijdragen te leveren","otherText":"Anders namelijk"},{"type":"comment","name":"V018","title":"Heb je nog suggesties of adviezen met betrekking tot het KRO-NCRV lidmaatschap?"}]},{"name":"Blok 6: Achtergrondkenmerken","elements":[{"type":"panel","name":"panel2","elements":[{"type":"html","name":"T003","html":"Tot slot willen we je nog een paar achtergrondvragen stellen."},{"type":"radiogroup","name":"V019","title":"Wat is je geslacht?","isRequired":true,"choices":[{"value":"1","text":"Man"},{"value":"2","text":"Vrouw"},{"value":"3","text":"Anders"}]}]},{"type":"text","name":"V020","title":"Wat is je leeftijd?","isRequired":true,"validators":[{"type":"numeric","text":"Vul een leeftijd in!","minValue":10,"maxValue":99}],"placeholder":"... jaar","buckets":[{"value":"1","border":"35","name":"jonger dan 35"},{"value":"2","border":"55","name":"35 tot 55"},{"value":"1","border":"99","name":"55+"}]},{"type":"text","name":"V021","title":"Wat zijn de 4 cijfers van je postcode?","isRequired":true,"validators":[{"type":"numeric","text":"Vul een geldige postcode in!","minValue":1000,"maxValue":9999}],"maxLength":4,"isPostalCode":true},{"type":"radiogroup","name":"V022","title":"Ben je lid van andere verenigingen buiten KRO-NCRV? Dit kunnen allerlei verenigingen zijn, zoals een buurtvereniging of een sportvereniging.","isRequired":true,"choices":[{"value":"1","text":"Ja, van 1 tot 3 verenigingen"},{"value":"2","text":"Ja, van 4 tot 6 verenigingen"},{"value":"3","text":"Ja van meer dan 6 verenigingen"},{"value":"4","text":"Nee"}]},{"type":"checkbox","name":"V023","title":"Van welke andere omroepvereniging ben je ook lid?","description":"Er zijn meerdere antwoorden mogelijk","isRequired":true,"choices":[{"value":"1","text":"AVROTROS"},{"value":"2","text":"BNNVARA"},{"value":"3","text":"EO"},{"value":"4","text":"VPRO"},{"value":"5","text":"MAX"},{"value":"6","text":"HUMAN"},{"value":"7","text":"WNL"},{"value":"8","text":"PowNed"},{"value":"9","text":"Omroep Zwart"},{"value":"10","text":"Omroep Ongehoord Nederland"}],"choicesOrder":"random","hasOther":true,"hasNone":true,"noneText":"Geen van bovenstaande","otherText":"Anders, namelijk:"},{"type":"radiogroup","name":"V024","title":"In welke mate speelt een godsdienstige of levensbeschouwelijke overtuiging een rol in jouw leven?","isRequired":true,"choices":[{"value":"1","text":"Een zeer belangrijke rol"},{"value":"2","text":"Een belangrijke rol"},{"value":"3","text":"Niet zo’n belangrijke rol"},{"value":"4","text":"Helemaal geen rol"},{"value":"5","text":"Weet ik niet"}]},{"type":"radiogroup","name":"V025","title":"Beschouw je jezelf als lid van een kerk of geloofsgemeenschap?","isRequired":true,"choices":[{"value":"1","text":"Ja"},{"value":"2","text":"Nee"}]},{"type":"radiogroup","name":"V026","visibleIf":"{V025} = 1","title":"Van welke kerk of geloofsgemeenschap beschouw je jezelf als lid?","isRequired":true,"choices":[{"value":"1","text":"Protestantse Kerk Nederland"},{"value":"2","text":"Rooms-Katholiek"},{"value":"3","text":"Hersteld Hervormd"},{"value":"4","text":"Evangelische gemeenschap"},{"value":"5","text":"Jodendom"},{"value":"6","text":"Islam"},{"value":"7","text":"Boeddhisme"},{"value":"8","text":"Hindoeïsme"}],"choicesOrder":"random","hasOther":true,"otherText":"Anders, namelijk"},{"type":"matrix","name":"V027","title":"Hoe vaak doe je  één van onderstaande zaken voor een ander of voor de samenleving?","isRequired":true,"columns":[{"value":"1","text":"Vaak"},{"value":"2","text":"Af en toe"},{"value":"3","text":"Zelden"},{"value":"4","text":"Nooit"},{"value":"5","text":"Niet van toepassing"}],"rows":[{"value":"1","text":"Burenhulp / buurthulp"},{"value":"3","text":"Tekenen van een petitie"},{"value":"6","text":"Huisvuil scheiden"},{"value":"8","text":"Politiek actief zijn"},{"value":"5","text":"Afval van straat / omgeving oprapen"},{"value":"4","text":"Meehelpen op de school van mijn (klein)kinderen"},{"value":"2","text":"Meedoen aan een demonstratie"},{"value":"7","text":"De natuur helpen / beschermen"},{"value":"9","text":"Vrijwilligerswerk"}],"rowsOrder":"random","isAllRowRequired":true},{"type":"checkbox","name":"V028","visibleIf":"{V027.9} anyof [1, 2, 3]","title":"Hieronder staan een aantal zaken waarvoor men onbetaald vrijwilligerswerk kan verrichten. Wil je bij elk van deze zaken aangeven of je op dit vlak vrijwilligerswerk doet?","description":"Er zijn meerdere antwoorden mogelijk","isRequired":true,"choices":[{"value":"1","text":"Politiek"},{"value":"2","text":"Onderwijs"},{"value":"3","text":"Kunst, Cultuur, Muziek"},{"value":"4","text":"Sport"},{"value":"5","text":"Godsdienst, kerk"},{"value":"6","text":"Natuur en milieu"},{"value":"7","text":"Burenhulp"},{"value":"8","text":"Vluchtelingenwerk"}],"choicesOrder":"random","hasOther":true,"otherText":"Anders, namelijk"},{"type":"checkbox","name":"V029","title":"Op welke social media ben je actief? Met actief wordt bedoeld dat je de afgelopen maand minimaal één keer bent ingelogd of gebruik hebt gemaakt van sociale media.","description":"Er zijn meerdere antwoorden mogelijk","isRequired":true,"choices":[{"value":"1","text":"Facebook"},{"value":"2","text":"Twitter"},{"value":"3","text":"LinkedIn"},{"value":"4","text":"Pinterest"},{"value":"5","text":"YouTube"},{"value":"6","text":"TikTok"},{"value":"7","text":"WhatsApp"},{"value":"8","text":"Instagram"},{"value":"9","text":"Snapchat"}],"choicesOrder":"random","hasOther":true,"hasNone":true,"noneText":"Ik maak geen gebruik van social media","otherText":"Anders, namelijk"},{"type":"checkbox","name":"V030","title":"Welke interesses hebt u?","description":"Kies er maximaal 5 waar u de meeste tijd aan besteedt","isRequired":true,"validators":[{"type":"answercount","text":"Selecteer maximaal 5 antwoorden","maxCount":5}],"choices":[{"value":"1","text":"Antiek"},{"value":"2","text":"Automatisering en computers"},{"value":"3","text":"Auto's en motoren"},{"value":"4","text":"Beleggen"},{"value":"5","text":"Cabaret"},{"value":"6","text":"Dier en natuur"},{"value":"7","text":"Economie en bedrijfsleven"},{"value":"8","text":"Film/video"},{"value":"9","text":"Gadgets/nieuwe technologieën"},{"value":"10","text":"Geschiedenis"},{"value":"11","text":"Gezonde levensstijl"},{"value":"12","text":"Klimaatproblematiek"},{"value":"13","text":"Klussen/doe het zelf"},{"value":"14","text":"Koken en eten"},{"value":"15","text":"Kunst en cultuur"},{"value":"16","text":"Levensbeschouwing, religie"},{"value":"17","text":"Lichaamsverzorging/make-up/schoonheidstips"},{"value":"18","text":"Literatuur"},{"value":"19","text":"Lokale evenementen en activiteiten"},{"value":"20","text":"Maatschappij- en samenlevingsproblemen"},{"value":"21","text":"Mode, cosmetica en persoonlijke verzorging"},{"value":"22","text":"Musical"},{"value":"23","text":"Nieuws en actualiteiten"},{"value":"24","text":"Ontwikkelingshulp"},{"value":"25","text":"Planten, bloemen, tuinieren"},{"value":"26","text":"Politiek, opinie en achtergronden"},{"value":"27","text":"Psychologie en spiritualiteit"},{"value":"28","text":"Sport"},{"value":"29","text":"Sterren en shownieuws"},{"value":"30","text":"Toneel, ballet"},{"value":"31","text":"Vakantie en reizen"},{"value":"32","text":"Voeding"},{"value":"33","text":"Wetenschap en techniek"},{"value":"34","text":"Woonideeën, interieuradviezen"}],"choicesOrder":"random","hasNone":true,"noneText":"Geen van bovenstaande","maxSelectedChoices":5},{"type":"panel","name":"panel3","elements":[{"type":"radiogroup","name":"V031","title":"Zou je deel willen nemen aan het KRO-NCRV Ledenpanel? Je krijgt dan ongeveer 6 keer per jaar een enquête toegestuurd over diverse onderwerpen die met de KRO-NCRV te maken hebben.","description":"Indien je hier je e-mailadres achterlaat wordt je e-mailadres met KRO-NCRV gedeeld ten behoeve van deelname aan het Ledenpanel. De zojuist gegeven antwoorden in dit onderzoek zullen anoniem blijven.","isRequired":true,"choices":[{"value":"1","text":"Nee"},{"value":"2","text":"Ja"}]},{"type":"text","name":"V031_email","visibleIf":"{V031} = 2","title":"Emailadres"}]},{"type":"panel","name":"panel4","elements":[{"type":"multipletext","name":"V032","title":"Als je mee wilt doen met de verloting van de prijs dan kun je hieronder je e-mailadres en naam invullen. Onder de ingevulde mailadressen worden prijzen verloot. Je krijgt een mailtje van ons als je een prijs hebt gewonnen.","description":"Indien je hier je contactgegevens achterlaat worden je contactgegevens met KRO-NCRV gedeeld als je geselecteerd wordt als winnaar van de verloting. De zojuist gegeven antwoorden in dit onderzoek zullen anoniem blijven.","enableIf":"{V032_escape_99999} empty","items":[{"name":"1","title":"Naam"},{"name":"2","inputType":"email","title":"Email"}]},{"type":"checkbox","name":"V032_escape_99999","titleLocation":"hidden","choices":[{"value":"1","text":"Ik wil niet meedoen met de loting"}]},{"type":"html","name":"T005","visibleIf":"{V032_escape_99999} notempty or {V032.1} notempty or {V032.2} notempty","html":"Bedankt voor je deelname aan het onderzoek!"}]}]},{"name":"page1","elements":[{"type":"text","name":"lidmaatschap","visible":false},{"type":"text","name":"geslacht","visible":false},{"type":"text","name":"email","visible":false}],"visible":false}],"triggers":[{"type":"setvalue","expression":"{V005a_escape_99999} = [1]","setToName":"V005a"},{"type":"setvalue","expression":"{V032_escape_99999} = [1]","setToName":"V032"}],"showPrevButton":false,"showQuestionNumbers":"off","clearInvisibleValues":"none","questionTitlePattern":"numTitle","questionsOnPageMode":"questionPerPage"}, "nl", {"channel":"Steunleden 9 jaar of langer lid","expires":"1831908555","email":"nitimmer@gmail.com","name":"Timmer","mailed":"2023-01-19 16:29:15","mailcount":2,"language":"nl","created":"2023-01-02 11:10:10","geslacht":"V","lidmaatschap":5,"project":"1286.2270 KRO-NCRV 8-meting steunleden onderzoek"}, [], "https://app.collecthor.nl/nr/38804/1831932262/1674165862/DpRsfObxXLd_2BujEYWHMAlFvmUndU1Y4GNgS0aybJU?target_id=28793221", "fmpS0uFnXQLLvQi9BnEgeJ", "4f8858b0bc8e4d4c1fb2df483b083c148c2366c13bab951f48b640238abb37ef", "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJleGFtcGxlLm9yZyIsImF1ZCI6ImV4YW1wbGUuY29tIiwiaWF0IjoxNjc0MTY1ODYyLCJleHAiOjE2NzQyNTIyNjIsInByb2plY3RJZCI6MTQ0MjMsInRva2VuIjoiZm1wUzB1Rm5YUUxMdlFpOUJuRWdlSiIsInN1cnZleUlkIjo4NzU4fQ.hHmnRYS1bWguEplj42BrAVUUX1N9uazsOEiPbpTAw5k", "https://app.collecthor.nl/v2/files?projectId=14423&token=fmpS0uFnXQLLvQi9BnEgeJ", "https://app.collecthor.nl/v2/files/--fileName--?projectId=14423");
            var unloadHandler = function(e) {
                e.preventDefault();
                e.returnValue = false;
            };
            survey
                .onComplete
                .add(function(survey, options) {
                    window.removeEventListener('beforeunload', unloadHandler);
                });
            if ("https://app.collecthor.nl/nr/38804/1831932262/1674165862/DpRsfObxXLd_2BujEYWHMAlFvmUndU1Y4GNgS0aybJU?target_id=28793221") {
                window.addEventListener('beforeunload', unloadHandler);
            }
            window.dispatchEvent(new CustomEvent('beforeSurvey', { detail: survey }));
            survey.render("w0");</script><div id="survey-content-knockout" style="display: none;"><script type="text/html" id="survey-comment">
  <!--ko if: !question.isReadOnlyRenderDiv() -->
<textarea data-bind="attr: { maxLength: question.getOthersMaxLength(), 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, placeholder: question.commentOrOtherPlaceholder }, 
        event: { input: function(s, e) { $data.question.onCommentInput(s, e); } }, 
        value: $data.question.comment, 
        visible: $data.visible,
        disable: $data.question.isInputReadOnly,
        style: { resize: question.resizeStyle },
        css: $data.question.koCss().other"></textarea>
<!--/ko-->

<!--ko if: question.isReadOnlyRenderDiv() -->
<div data-bind="text: question.comment"></div>
<!--/ko-->
</script>
<script type="text/html" id="survey-flowpanel">
  <div data-bind="style: { flexBasis: renderWidth, flexGrow: 1, flexShrink: 1, width: renderWidth, minWidth: $data.minWidth, maxWidth: $data.maxWidth }, attr: { id: id }, css: cssClasses.panel.container">
      <h4 data-bind="visible: (processedTitle.length > 0), css: question.cssTitle">
          <!-- ko template: { name: 'survey-string', data: locTitle } -->
          <!-- /ko -->
      </h4>
      <div data-bind="css: cssClasses.panel.description">
          <!-- ko template: { name: 'survey-string', data: locDescription } -->
          <!-- /ko -->
      </div>
      <div data-bind="style: { paddingLeft: innerPaddingLeft }"></div>
      <f-panel params="question: question" data-bind="attr: { contenteditable : question.isDesignMode, placeHolder: question.placeHolder }"></f-panel>
  </div>
</script>
<script type="text/html" id="survey-flowpanel-question">
  <!-- ko with: $parent.question.getQuestionByName($data) -->
    <!-- ko template: { name: koElementType(), data: $data, as: 'question', afterRender: parent.koElementAfterRender } --><!-- /ko -->
  <!-- /ko -->
</script>

<script type="text/html" id="survey-header">
  <!-- ko if: renderedHasHeader -->
<div data-bind="css: css.header">
  <!-- ko if: isLogoBefore -->
  <!-- ko component: { name: getElementWrapperComponentName($data, 'logo-image'), params: getElementWrapperComponentData($data, 'logo-image') } -->
  <!-- /ko -->
  <!-- /ko -->

  <!-- ko if: renderedHasTitle -->
  <div data-bind="css: css.headerText, style: { maxWidth: titleMaxWidth }">
    <!-- ko component: { name: 'survey-element-title', params: {element: $data } } -->
    <!-- /ko -->
    <!-- ko if: renderedHasDescription -->
    <h5 data-bind="css: css.description">
      <!-- ko template: { name: 'survey-string', data: locDescription } -->
      <!-- /ko -->
    </h5>
    <!-- /ko -->
  </div>
  <!-- /ko -->

  <!-- ko if: isLogoAfter -->
  <!-- ko component: { name: getElementWrapperComponentName($data, 'logo-image'), params: getElementWrapperComponentData($data, 'logo-image') } -->
  <!-- /ko -->
  <!-- /ko -->
  <div data-bind="css: css.headerClose"></div>
</div>
<!-- /ko -->
</script>
<script type="text/html" id="survey-content">
    <!-- ko template: { name: "survey-content-template", afterRender: $data.implementor.koEventAfterRender } -->
    <!-- /ko -->
</script>

<script type="text/html" id="survey-content-template">
  <div data-bind="css: rootCss">
      <form onsubmit="return false;">
          <div class="sv_custom_header" data-bind="visible: !hasLogo"></div>
          <div data-bind="css: containerCss">
              <!-- ko template: { name: koTitleTemplate, afterRender: koAfterRenderHeader } -->
              <!-- /ko -->
              <!-- ko if: isShowingPage -->
              <!-- ko if: isTimerPanelShowingOnTop && !isShowStartingPage -->
              <!-- ko template: { name: 'survey-timerpanel' } -->
              <!-- /ko -->
              <!-- /ko -->
              <!-- ko if: isShowProgressBarOnTop && !isShowStartingPage -->
              <!-- ko component: { name: 'sv-progress-' + progressBarType, params: { model: $data } } -->
              <!-- /ko -->
              <!-- /ko -->
              <div data-bind="css: bodyCss, style:{maxWidth: renderedWidth}">
                  <!-- ko if: isNavigationButtonsShowingOnTop -->
                    <!-- ko component: { name: 'sv-action-bar', params: { model: navigationBar } } --><!-- /ko -->
                  <!-- /ko -->
                  <!-- ko if: activePage -->
                    <div data-bind="attr: { id: activePage.id }, template: { name: 'survey-page', data: activePage, afterRender: koAfterRenderPage }"></div>
                    <!-- ko if: activePage.rows.length == 0 && $data.emptyPageTemplate -->
                    <!-- ko template: { name: emptyPageTemplate, data: $data.emptyPageTemplateData || $data } -->
                    <!-- /ko -->
                    <!-- /ko -->
                  <!-- /ko -->
                  <!-- ko if: isShowProgressBarOnBottom && !isShowStartingPage -->
                  <!-- ko component: { name: 'sv-progress-' + progressBarType, params: { model: $data } } -->
                  <!-- /ko -->
                  <!-- /ko -->
                  <!-- ko if: isNavigationButtonsShowingOnBottom -->
                    <!-- ko component: { name: 'sv-action-bar', params: { model: navigationBar } } --><!-- /ko -->
                  <!-- /ko -->
              </div>
              <!-- ko if: isTimerPanelShowingOnBottom && !isShowStartingPage -->
              <!-- ko template: { name: 'survey-timerpanel' } -->
              <!-- /ko -->
              <!-- /ko -->
              <!-- /ko -->
              <!-- ko if: state == "completed" && showCompletedPage -->
              <div data-bind="html: processedCompletedHtml, css: completedCss"></div>
              <div data-bind="visible: completedState != '', css: css.saveData.root">
                  <div data-bind="css: completedStateCss">
                      <span data-bind="text:completedStateText"></span>
                      <input type="button" data-bind="visible: completedState == 'error', value: getLocalizationString('saveAgainButton'), click: doComplete, css: css.saveData.saveAgainButton"/>
                  </div>
              </div>
              <!-- /ko -->
              <!-- ko if: state == "completedbefore" -->
              <div data-bind="html: processedCompletedBeforeHtml, css: css.body"></div>
              <!-- /ko -->
              <!-- ko if: state == "loading" -->
              <div data-bind="html: processedLoadingHtml, css: css.body"></div>
              <!-- /ko -->
              <!-- ko if: state == "empty" -->
              <div data-bind="text:emptySurveyText, css: css.bodyEmpty"></div>
              <!-- /ko -->
          </div>
      </form>
      <!-- ko if: showBrandInfo -->
      <sv-brand-info></sv-brand-info>
      <!-- /ko -->
  </div>
</script>
<script type="text/html" id="survey-page">
  <div data-bind="css: cssRoot">
    <!-- ko component: { name: 'survey-element-title', params: {element: $data } } --><!-- /ko -->
    <!-- ko if: _showDescription-->
    <div
      data-bind="visible: data.showPageTitles, css: cssClasses.page.description"
    >
      <!-- ko template: { name: 'survey-string', data: locDescription } -->
      <!-- /ko -->
    </div>
    <!-- /ko -->
    <!-- ko template: { name: 'survey-rows', data: $data} -->
    <!-- /ko -->
  </div>
</script>

<script type="text/html" id="survey-panel">
  <!-- ko if: $data.isVisible -->
  <div
    data-bind="attr: { id: id }, css: $data.getContainerCss(), event: {focusin: focusIn}"
  >
    <!-- ko if: hasDescription || hasTitle  -->
        <!--ko template: { name: 'survey-question-title', data: $data  } --><!-- /ko -->
    <!-- /ko -->
    <!-- ko template: { name: 'survey-question-errors', data: $data } -->
    <!-- /ko -->
    <!-- ko if: state != "collapsed" -->
    <div
      data-bind="style: { paddingLeft: innerPaddingLeft }, css: cssClasses.panel.content, attr: {id:contentId}"
    >
      <!-- ko template: { name: 'survey-rows', data: $data} -->
      <!-- /ko -->
      <!-- ko component: { name: 'sv-action-bar', params: { model: getFooterToolbar() } } -->
      <!-- /ko -->
    </div>
    <!-- /ko -->
  </div>
  <!-- /ko -->
</script>

<script type="text/html" id="survey-rows">
  <!-- ko foreach: { data: rows, as: 'row'} -->
    <!-- ko if: row.visible -->
      <!-- ko component: { name: $parent.survey.getRowWrapperComponentName(row), params: { componentData:  $parent.survey.getRowWrapperComponentData(row), templateData: { name: 'survey-row', data: row } } } -->
      <!-- /ko -->
    <!-- /ko -->
  <!-- /ko -->
</script>
<script type="text/html" id="survey-row">
  <div data-bind="css: row.getRowCss()">
    <!-- ko template: { name: "survey-row-content", afterRender: row.rowAfterRender } -->
    <!-- /ko -->
  </div>
</script>
<script type="text/html" id="survey-row-content">
<!-- ko foreach: { data: row.visibleElements, as: 'question', afterRender: row.koAfterRender } -->
  <div data-bind="css: question.koCss().questionWrapper, style: $data.rootStyle, event: {focusin: question.focusIn }">
  <!-- ko if: row.isNeedRender -->
    <!-- ko component: { name: row.panel.survey.getElementWrapperComponentName(question), params: { componentData:  row.panel.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koElementAfterRender } } } -->
    <!-- /ko -->
  <!-- /ko -->
  <!-- ko if: !row.isNeedRender && question.skeletonComponentName -->
    <!-- ko component: { name: question.skeletonComponentName, params: { element: question } } -->
    <!-- /ko -->
  <!-- /ko -->
  </div>
<!-- /ko -->
</script>
<script type="text/html" id="survey-string">
    <!-- ko component: { name: renderAs, params: { locString: renderAsData } } -->
    <!-- /ko -->
</script>

<script type="text/html" id="survey-timerpanel">
    <!-- ko if: timerModel.showTimerAsClock -->
    <div data-bind="css: timerModel.rootCss">
        <!-- ko if: timerModel.showProgress -->
        <svg data-bind="css: timerModel.getProgressCss(), style: { strokeDasharray: 440, strokeDashoffset: -440 * timerModel.progress }">
            <use data-bind="attr:{'xlink:href': '#icon-timercircle'}" xlink:href=''></use>
        </svg>
        <!-- /ko -->
        <div data-bind="css: timerModel.textContainerCss">
            <span data-bind="css: timerModel.majorTextCss, text: timerModel.clockMajorText"></span>
            <!-- ko if: !!timerModel.minorTextCss -->
            <span data-bind="css: timerModel.minorTextCss, text: timerModel.clockMinorText"></span>
            <!-- /ko -->
        </div>
    </div>
    <!-- /ko -->
    <!-- ko if: !timerModel.showTimerAsClock -->
    <div data-bind="css: timerModel.survey.getCss().timerRoot, text: timerModel.text"></div>
    <!--/ko -->
</script>

<script type="text/html" id="survey-question">
<div data-bind="css: question.koRootCss(), style: { paddingLeft: question.paddingLeft, paddingRight: question.paddingRight }, attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy}">
  <!-- ko if: question.showErrorsAboveQuestion -->
    <!-- ko template: { name: 'survey-question-errors', data: question } -->
    <!-- /ko -->
  <!-- /ko -->
  <!-- ko if: question.hasTitleOnLeftTop -->
    <!--ko template: { name: 'survey-question-title', data: question  } -->
    <!-- /ko -->
  <!-- /ko -->
  <!-- ko component: { name: question.survey.getQuestionContentWrapperComponentName(question), params: { componentData:  question.survey.getElementWrapperComponentData(question), templateData: { name: 'survey-question-content', data: question } } } -->
  <!-- /ko -->
  <!-- ko if: question.showErrorsBelowQuestion -->
    <!-- ko template: { name: 'survey-question-errors', data: question } -->
    <!-- /ko -->
  <!-- /ko -->
  </script>

<script type="text/html" id="survey-question-content">
<div data-bind="visible: !question.isCollapsed, css: question.cssContent" role="presentation">
    <!-- ko if: question.showErrorOnTop -->
      <!-- ko template: { name: 'survey-question-errors', data: question } -->
      <!-- /ko -->
    <!-- /ko -->
    <!-- ko if: question.isDefaultRendering() -->
      <!-- ko template: { name: question.koTemplateName(), data: question, afterRender: question.koQuestionAfterRender } -->
      <!-- /ko -->
    <!-- /ko -->
    <!-- ko ifnot: question.isDefaultRendering() -->
      <!-- ko component: { name: getComponentName(), params: { question: question } } -->
      <!-- /ko -->
    <!-- /ko -->
    <!-- ko if: question.hasComment -->
    <div data-bind="css: question.koCss().formGroup">
      <!-- ko template: { name: 'survey-string', data: question.locCommentText } -->
      <!-- /ko -->
      <div data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }"></div>
    </div>
    <!-- /ko -->
    <!-- ko if: question.showErrorOnBottom -->
      <!-- ko template: { name: 'survey-question-errors', data: question } -->
      <!-- /ko -->
    <!-- /ko -->
    <!-- ko if: question.isErrorsModeTooltip -->
      <!-- ko component: { name: 'sv-tooltip-error', params: {question: question} } -->
      <!-- /ko -->
    <!-- /ko -->
    <!-- ko if: question.hasDescriptionUnderInput -->
    <div data-bind="css: koCss().descriptionUnderInput">
      <!-- ko template: { name: 'survey-string', data: locDescription } -->
      <!-- /ko -->
    </div>
    <!-- /ko -->
    <!-- ko if: question.hasTitleOnBottom -->
      <!--ko template: { name: 'survey-question-title', data: question  } -->
      <!-- /ko -->
    <!-- /ko -->
  </div>
</script>
<script type="text/html" id="survey-question-title">
  <div data-bind="css: question.cssHeader, click: question.clickTitleFunction">
    <!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- /ko -->
    <!-- ko v-if: $data.hasDescriptionUnderTitle -->
    <div
      data-bind="visible: question.hasDescriptionUnderTitle, css: $data.cssDescription"
    >
      <!-- ko template: { name: 'survey-string', data: $data.locDescription } --><!-- /ko -->
    </div>
    <!-- /ko -->
  </div>
</script>
<script type="text/html" id="survey-question-boolean">
  <div data-bind="css: question.koCss().root, event: { keydown: question.onKeyDown}">
    <label data-bind="css: question.getItemCss()">
      <input
        type="checkbox"
        data-bind="value: question.booleanValue, css: question.koCss().control, attr: {name: question.name, id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy}, checked: question.booleanValue, surveyProp: {indeterminate: question.isIndeterminate}, enable: !question.isInputReadOnly"
      />
      <span
        data-bind="css: question.getLabelCss(false), click: onFalseLabelClick"
        ><!-- ko template: { name: 'survey-string', data: locLabelFalse } --><!-- /ko --></span
      >
      <div data-bind="css: question.koCss().switch, click: onSwitchClick">
        <span data-bind="css: question.koCss().slider">
            <!-- ko if: question.koCss().sliderText && question.isDeterminated -->
            <span data-bind="css: question.koCss().sliderText">
              <!-- ko template: { name: 'survey-string', data: question.getCheckedLabel() } --><!-- /ko -->
            </span>
            <!-- /ko -->
        </span>
      </div>
      <span
        data-bind="css: question.getLabelCss(true), click: onTrueLabelClick"
        ><!-- ko template: { name: 'survey-string', data: locLabelTrue } --><!-- /ko --></span
      >
    </label>
  </div>
</script>
<script type="text/html" id="survey-question-checkbox">
  <fieldset data-bind="css: question.getSelectBaseRootCss()" role="presentation">
      <legend role="presentation" class="sv-hidden"></legend>
      <!-- ko if: question.hasHeadItems  -->
        <!-- ko foreach: { data: question.headItems, as: 'item', afterRender: question.koAfterRender }  -->
          <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
          <!-- /ko -->
        <!-- /ko -->
      <!-- /ko -->
      <!-- ko ifnot: question.hasColumns  -->
        <!-- ko if: question.blockedRow -->
        <div data-bind="css: question.koCss().rootRow">
          <!-- ko foreach: { data: question.dataChoices, as: 'item', afterRender: question.koAfterRender }  -->
          <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
          <!-- /ko -->
          <!-- /ko -->
        </div>
        <!-- /ko -->
        <!-- ko ifnot: question.blockedRow -->
        <!-- ko foreach: { data: question.bodyItems, as: 'item', afterRender: question.koAfterRender }  -->
          <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
          <!-- /ko -->
        <!-- /ko -->
        <!-- /ko -->
      <!-- /ko -->
      <!-- ko if: question.hasColumns  -->
        <div data-bind="css: question.koCss().rootMultiColumn">
        <!-- ko foreach: question.columns -->
            <div data-bind="css: question.getColumnClass()" role="presentation">
            <!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender }  -->
              <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
              <!-- /ko -->
            <!-- /ko -->
            </div>
        <!-- /ko -->
        </div>
      <!-- /ko -->
      <!-- ko if: question.hasFootItems  -->
        <!-- ko foreach: { data: question.footItems, as: 'item', afterRender: question.koAfterRender }  -->
          <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
          <!-- /ko -->
        <!-- /ko -->
      <!-- /ko -->
      <!-- ko if: question.hasOther && question.isOtherSelected -->
      <div class="form-group" data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': question.isOtherSelected } }"></div>
      <!-- /ko -->
    </fieldset>
</script>
<script type="text/html" id="survey-checkbox-item">
  <div role="presentation" data-bind="css: question.getItemClass(item)">
      <label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }">
          <!-- ko if: item == question.selectAllItem -->
          <input role="option" type="checkbox" value="" data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checked: question.koAllSelected, enable: question.getItemEnabled(item), css: question.koCss().itemControl"/>
          <!-- /ko -->
          <!-- ko if: item != question.selectAllItem -->
          <input role="option" type="checkbox" data-bind="attr: {name: question.name, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"/>
          <!-- /ko -->
              <!-- ko if: question.koCss().materialDecorator -->
              <span data-bind="css: question.koCss().materialDecorator">
                <!-- ko if: question.itemSvgIcon -->
                <svg data-bind="css:question.koCss().itemDecorator">
                  <use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href=''></use>
                </svg>
                <!-- /ko -->
              </span>
              <!-- /ko -->
              <span data-bind="visible: !item.hideCaption, css: question.koCss().controlLabel">
              <!-- ko template: { name: 'survey-string', data: item.locText } -->
              <!-- /ko -->
          </span>
      </label>
  </div>
</script>

<script type="text/html" id="survey-question-tagbox">
  <div data-bind="css: question.renderCssRoot">
    <!-- ko component: { name: 'sv-tagbox', params: { question: question } } -->
    <!-- /ko -->
  <!-- ko if: question.isOtherSelected -->
  <div class="form-group"
    data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': question.isOtherSelected } }, style: {display: question.isFlowLayout ? 'inline': ''}">
  </div>
  <!-- /ko -->
  </div>
</script>
<script type="text/html" id="survey-question-ranking">
  <div data-bind="css: question.rootClass">
    <!-- ko foreach: { data: question.rankingChoices, as: 'item', afterRender: question.koAfterRender } -->
      <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: 'survey-ranking-item', data: item } } } -->
      <!-- /ko -->
    <!-- /ko -->
  </div>
</script>

<script type="text/html" id="survey-ranking-item">
  <div
    data-bind="event: { keydown: question.koHandleKeydown, pointerdown: question.koHandlePointerDown}, css: question.getItemClass($data), attr: {tabindex: question.getItemTabIndex($data), 'data-sv-drop-target-ranking-item': $index() }"
  >
    <div tabindex="-1" style="outline: none;">
      <div data-bind="css: question.cssClasses.itemGhostNode"></div>
      <div data-bind="css: question.cssClasses.itemContent">
        <div data-bind="css: question.cssClasses.itemIconContainer">
          <svg
            width="10"
            height="16"
            viewBox="0 0 10 16"
            data-bind="css: question.getIconHoverCss()"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M6 2C6 0.9 6.9 0 8 0C9.1 0 10 0.9 10 2C10 3.1 9.1 4 8 4C6.9 4 6 3.1 6 2ZM2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6ZM2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6ZM8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12ZM2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12Z"
            />
          </svg>
          <svg
            width="10"
            height="24"
            viewBox="0 0 10 24"
            data-bind="css: question.getIconFocusCss()"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path d="M10 5L5 0L0 5H4V9H6V5H10Z" />
            <path d="M6 19V15H4V19H0L5 24L10 19H6Z" />
          </svg>
        </div>
        <div
          data-bind="css: question.cssClasses.itemIndex, text: question.getNumberByIndex($index())"
        ></div>
        <div data-bind="css: question.cssClasses.controlLabel">
          <!-- ko template: { name: 'survey-string', data: $data.locText } -->
          <!-- /ko -->
        </div>
      </div>
    </div>
  </div>
</script>

<script type="text/html" id="survey-question-comment">
  <!--ko if: !question.isReadOnlyRenderDiv() -->
<textarea data-bind="attr: {'readonly': question.renderedInputReadOnly, 'disabled': question.renderedInputDisabled, maxLength: question.getMaxLength(), cols: question.cols, rows: question.rows, id: question.inputId, placeholder: question.renderedPlaceholder, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy}, 
  event: { input: function(s, e) { question.onInput(e); }, keydown: function(s, e) { question.onKeyDown(e); return true; } }, 
  value: question.value, 
  style: { resize: question.resizeStyle },
  css: question.className"></textarea>
<!--/ko-->

<!--ko if: question.isReadOnlyRenderDiv() -->
<div data-bind="text: question.value"></div>
<!--/ko-->
</script>
<script type="text/html" id="survey-question-composite">
  <!-- ko template: { name: 'survey-panel', data: question.contentPanel, as: 'question', afterRender: question.contentPanel.koPanelAfterRender } -->
  <!-- /ko -->
</script>

<script type="text/html" id="survey-question-custom">
  <!-- ko template: { name: question.contentQuestion.koTemplateName(), data: question.contentQuestion, as: 'question', afterRender: question.contentQuestion.koQuestionAfterRender } -->
  <!-- /ko -->
</script>

<script type="text/html" id="survey-question-dropdown">
  <div data-bind="css: question.renderCssRoot">
    <!-- ko component: { name: 'sv-dropdown', params: { question: question } } -->
    <!-- /ko -->
  <!-- ko if: question.isOtherSelected -->
  <div class="form-group"
    data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': question.isOtherSelected } }, style: {display: question.isFlowLayout ? 'inline': ''}">
  </div>
  <!-- /ko -->
  </div>
</script>

<script type="text/html" id="survey-question-empty">
    <div></div>
</script>

<script type="text/html" id="survey-question-errors">
        <!-- ko if: hasVisibleErrors -->
            <div role="alert" aria-live="polite" data-bind="visible: hasVisibleErrors, foreach: { data: errors, as: 'error' }, css: koErrorClass(), attr: { id: question.id + '_errors' }">
            <!-- ko if: error.visible -->
            <div>   
                <span aria-hidden="true" data-bind="css: question.koCss().error.icon"></span>
                <span data-bind="css: question.koCss().error.item">
                    <!-- ko template: { name: 'survey-string', data: error.locText } --><!-- /ko -->
                </span>
            </div>
            <!-- /ko -->
        </div>
        <!-- /ko -->
</script>
<script type="text/html" id="survey-question-expression">
  <div data-bind="text:question.formatedValue, css: question.koCss().root"></div>
</script>

<script type="text/html" id="survey-question-file">
  <div data-bind="css: question.fileRootCss">
      <!-- ko ifnot: question.isInputReadOnly -->
      <input type="file" tabindex="-1" data-bind="css: question.cssClasses.fileInput, attr: { id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy, multiple: question.allowMultiple ? 'multiple' : undefined, title: koInputTitle, accept: question.acceptedTypes }, event: { change: question.dochange }">
      <!-- /ko -->
      <!-- ko if: question.isReadOnly -->
      <input type="file" disabled data-bind="css: question.getReadOnlyFileCss(), attr: { id: question.inputId, placeholder: question.title, multiple: question.allowMultiple ? 'multiple' : undefined }" style="color: transparent;"/>
      <!-- /ko -->
      <div data-bind="css: question.cssClasses.dragArea, event: { dragenter: question.ondragenter, dragover: question.ondragover, drop: question.ondrop, dragleave: question.ondragleave }">     
        <div data-bind="css: question.getFileDecoratorCss()">
          <span data-bind="css: question.koCss().dragAreaPlaceholder, text: question.dragAreaPlaceholder"></span>
          <div data-bind="css: question.koCss().wrapper">
            <label tabindex="0" role="button" data-bind="css: question.koChooseFileCss, attr: { for: question.inputId, 'aria-label': question.chooseButtonCaption }">
              <span data-bind="text: question.chooseButtonCaption"></span>
              <!-- ko if: question.cssClasses.chooseFileIconId -->
                  <!-- ko component: { name: 'sv-svg-icon', params: { title: question.chooseButtonCaption, iconName: question.cssClasses.chooseFileIconId, size: 'auto' } } --><!-- /ko -->
              <!-- /ko -->
            </label>
            <!-- ko if: !question.koHasValue() -->
            <span data-bind="css: question.koCss().noFileChosen, text: question.noFileChosenCaption"></span>
            <!-- /ko -->
          </div>
        </div>
        <!-- ko template: { name: 'survey-question-file-clean-button', data: {question: question, showRemoveButton: question.showRemoveButton} } --><!-- /ko -->
        <!-- ko if: question.showPreview -->
        <!-- ko if: question.koHasValue -->
        <div data-bind="css: question.cssClasses.fileList, foreach: question.koData, visible: question.koHasValue">
            <span data-bind="visible: question.isPreviewVisible($index()), css: question.cssClasses.preview">
              <!-- ko template: { name: 'survey-question-file-sign', data: {question: question, item: $data, fileSignCss: question.cssClasses.fileSign} } --><!-- /ko -->
              <div data-bind="css: question.cssClasses.imageWrapper">
                <!-- ko if: question.canPreviewImage($data) -->
                <img data-bind="attr: { src: $data.content }, style : { height: question.imageHeight, width: question.imageWidth }" alt="File preview">
                <!-- /ko -->
                <!-- ko if: question.defaultImage($data) -->
                <!-- ko component: { name: 'sv-svg-icon', params: { css: question.cssClasses.defaultImage, iconName: question.cssClasses.defaultImageIconId, size: 'auto' } } --><!-- /ko -->
                <!-- /ko -->
                <!-- ko if: $data.name -->
                <!-- ko ifnot: question.isReadOnly -->
                <div data-bind="click: question.doremovefile, css: question.cssClasses.removeFileButton">
                    <span data-bind="css: question.cssClasses.removeFile, text: question.removeFileCaption"></span>
                    <!-- ko if: question.cssClasses.removeFileSvgIconId -->
                      <!-- ko component: { name: 'sv-svg-icon', params: { css: question.cssClasses.removeFileSvg, title: question.removeFileCaption, iconName: question.cssClasses.removeFileSvgIconId, size: 'auto' } } --><!-- /ko -->
                    <!-- /ko -->
                </div>
                <!-- /ko -->
                <!-- /ko -->
              </div>
              <!-- ko template: { name: 'survey-question-file-sign', data: {question: question, item: $data, fileSignCss: question.cssClasses.fileSignBottom} } --><!-- /ko -->
            </span>
        </div>
        <!-- /ko -->
        <!-- /ko -->
        <!-- ko template: { name: 'survey-question-file-clean-button', data: {question: question, showRemoveButton: question.showRemoveButtonBottom} } --><!-- /ko -->
        <!-- ko if: question.mobileFileNavigatorVisible -->
        <!-- ko component: { name: 'sv-action-bar', params: { model: question.mobileFileNavigator } } -->
        <!-- /ko -->
        <!-- /ko -->
      </div>
  </div>
</script>
<script type="text/html" id="survey-question-file-clean-button">
  <!-- ko if: question.koHasValue() && !question.isReadOnly && $data.showRemoveButton-->
  <button type="button" data-bind="css: showRemoveButton, enabled: !question.isInputReadOnly, click: question.doclean">
      <span data-bind="text: question.clearButtonCaption"></span>
      <!-- ko if: question.cssClasses.removeButtonIconId -->
        <!-- ko component: { name: 'sv-svg-icon', params: { iconName: question.cssClasses.removeButtonIconId, size: 'auto', title: question.clearButtonCaption } } --><!-- /ko -->
      <!-- /ko -->
  </button>
  <!-- /ko -->
</script>
<script type="text/html" id="survey-question-file-sign">
  <!-- ko if: item.name && fileSignCss -->
  <div data-bind="css: fileSignCss">
    <a data-bind="style: { width: question.imageWidth }, click: question.dodownload, text: item.name, attr: { href: item.content, title: item.name, download: item.name }"></a>
  </div>
  <!-- /ko -->
</script>

<script type="text/html" id="survey-question-html">
  <div data-bind="html: question.locHtml.koRenderedHtml, css: question.koCss().root"></div>
</script>

<script type="text/html" id="survey-question-image">
  <div data-bind="css: question.koCss().root">
    <!-- ko if: question.renderedMode === "image" -->
    <img data-bind="css: question.getImageCss(), attr: { src: $data.locImageLink.koRenderedHtml(), width: question.renderedWidth, height: question.renderedHeight, alt: question.altText || question.title }, style: { objectFit: question.imageFit }"/>
    <!-- /ko -->
    <!-- ko if: question.renderedMode === "video" -->
    <video controls data-bind="css: question.getImageCss(), attr: { src: $data.locImageLink.koRenderedHtml(), width: question.renderedWidth, height: question.renderedHeight }, style: { objectFit: question.imageFit }"></video>
    <!-- /ko -->
    <!-- ko if: question.renderedMode === "youtube" -->
    <iframe data-bind="css: question.getImageCss(), attr: { src: $data.locImageLink.koRenderedHtml(), width: question.renderedWidth, height: question.renderedHeight }, style: { objectFit: question.imageFit }"></iframe>
    <!-- /ko -->
  </div>
</script>

<script type="text/html" id="survey-question-imagepicker">
    <fieldset data-bind="css: question.getSelectBaseRootCss()">
        <legend data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }" role="radio"></legend>
        <!-- ko ifnot: question.hasColumns -->
        <!-- ko foreach: { data: question.visibleChoices, as: 'item', afterRender: question.koAfterRender}  -->
        <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: 'survey-imagepicker-item', data: item } } } -->
        <!-- /ko -->
        <!-- /ko -->
        <!-- /ko -->
        <!-- ko if: question.hasColumns -->
        <!-- ko foreach: question.columns -->
        <div data-bind="css: question.getColumnClass()" role="presentation">
            <!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender }  -->
            <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: 'survey-imagepicker-item', data: item } } } -->
            <!-- /ko -->
            <!-- /ko -->
        </div>
        <!-- /ko -->
        <!-- /ko -->
    </fieldset>
</script>
<script type="text/html" id="survey-imagepicker-item">
    <div data-bind="css: question.getItemClass(item)">
        <label data-bind="css: question.koCss().label">
            <input data-bind="attr: {type: question.inputType, name: question.questionName, value: item.value, id: question.getItemId(item), 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy}, checked: question.koValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
            />
            <div data-bind="css: question.koCss().itemDecorator">
                <div data-bind="css: question.koCss().imageContainer">

                  <!-- ko if: $data.locImageLink.koRenderedHtml() && question.contentMode === "image" -->
                  <img data-bind="css: question.koCss().image, attr: { src: $data.locImageLink.koRenderedHtml, width: question.renderedImageWidth, height: question.renderedImageHeight, alt: item.locText.koRenderedHtml }, style: { objectFit: question.imageFit }, event: { load: question.onContentLoaded }"/>
                  <!-- /ko -->
                  <!-- ko if: $data.locImageLink.koRenderedHtml() && question.contentMode === "video" -->
                  <video controls data-bind="css: question.koCss().image, attr: { src: $data.locImageLink.koRenderedHtml, width: question.renderedImageWidth, height: question.renderedImageHeight }, style: { objectFit: question.imageFit }, event: { loadedmetadata: question.onContentLoaded }"></video>
                  <!-- /ko -->
                  <!-- ko ifnot: $data.locImageLink.koRenderedHtml() -->
                  <div data-bind="css: question.koCss().itemNoImage, style: { width: question.renderedImageWidth, height: question.renderedImageHeight, objectFit: question.imageFit}">
                    <!-- ko if: question.koCss().itemNoImageSvgIconId -->
                    <svg data-bind="css:question.koCss().itemNoImageSvgIcon">
                      <use data-bind="attr:{'xlink:href':question.koCss().itemNoImageSvgIconId}" xlink:href=''></use>
                    </svg>
                    <!-- /ko -->
                  </div>
                  <!-- /ko -->
                  
                </div>
                <!-- ko if: question.showLabel -->
                <span data-bind="css: question.koCss().itemText">
                  <!-- ko template: { name: 'survey-string', data: item.locText } -->
                  <!-- /ko -->
                </span>
                <!-- /ko -->
            </div>
        </label>
    </div>
</script>
<script type="text/html" id="survey-question-matrix">
  <div data-bind="css: question.koCss().tableWrapper">
    <fieldset>
      <legend
        data-bind="attr: { 'aria-label': question.locTitle.renderedHtml }"
      ></legend>
      <table data-bind="css: question.getTableCss()">
        <!-- ko if: question.showHeader -->
        <thead>
          <tr>
            <td data-bind="visible: question.hasRows"></td>
            <!-- ko foreach: question.koVisibleColumns -->
            <th data-bind="css: question.koCss().headerCell">
              <!-- ko component: { name: question.getColumnHeaderWrapperComponentName($data), params: { componentData:  question.getColumnHeaderWrapperComponentData($data), templateData: { data: $data } } } -->
                <!-- ko template: { name: 'survey-string', data: $data.locText } --><!-- /ko -->
              <!-- /ko -->
            </th>
            <!-- /ko -->
          </tr>
        </thead>
        <!-- /ko -->
        <tbody>
          <!-- ko foreach: { data: question.koVisibleRows, as: 'row' } -->
          <tr data-bind="css: row.rowClasses">
            <td
              data-bind="visible: question.hasRows, css: question.koCss().rowTextCell"
            >
              <!-- ko component: { name: question.getRowHeaderWrapperComponentName($data), params: { componentData:  question.getRowHeaderWrapperComponentData($data), templateData: { data: $data } } } -->
                <!-- ko template: { name: 'survey-string', data: row.locText } -->
                <!-- /ko -->
              <!-- /ko -->
            </td>
            <!-- ko foreach: question.koVisibleColumns -->
            <!-- ko if: question.hasCellText -->
            <td
              data-bind="css: question.getItemClass(row, $data), click: function() { if (!question.isInputReadOnly) { row.cellClick($data); } }"
            >
              <!-- ko template: { name: 'survey-string', data: question.getCellDisplayLocText(row.name, $data) } -->
              <!-- /ko -->
            </td>
            <!-- /ko -->
            <!-- ko if: !question.hasCellText -->
            <td
              data-bind="attr: { 'data-responsive-title': $data.locText.renderedHtml }, css: question.koCss().cell"
            >
              <label data-bind="css: question.getItemClass(row, $data)">
                <input
                  type="radio"
                  data-bind="css: question.koCss().itemValue, attr: { name: row.fullName, 'aria-required': question.ariaRequired, 'aria-label': $data.locText.renderedHtml, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy, id: question.inputId + '_' + row.name + '_' + $index() }, checkedValue: $data.value, checked: row.value, enable: !question.isInputReadOnly"
                />
                <span data-bind="css: question.koCss().materialDecorator">
                    <!-- ko if: question.itemSvgIcon -->
                      <svg data-bind="css:question.koCss().itemDecorator">
                        <use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href=''></use>
                      </svg>  
                    <!-- /ko -->
                </span>
                <span data-bind="visible: question.isMobile, css: question.koCss().cellResponsiveTitle">
                  <!-- ko template: { name: 'survey-string', data: $data.locText } --><!-- /ko -->
                </span>
              </label>
            </td>
            <!-- /ko -->
            <!-- /ko -->
          </tr>
          <!-- /ko -->
        </tbody>
      </table>
    </fieldset>
  </div>
</script>
<script type="text/html" id="survey-text">
  <span data-bind="text:$data.renderedHtml"></span>
</script>
<script type="text/html" id="survey-question-matrixdynamic">
    <div>
    <!-- ko if: question.koTable().showAddRowOnTop -->
    <div
      data-bind="css: question.koCss().footer"
    >
      <button
        type="button"
        data-bind="click: question.isDesignMode ? undefined : question.koAddRowClick, css: question.getAddRowButtonCss(), disable: question.isInputReadOnly"
      >
        <!-- ko template: { name: 'survey-string', data: question.locAddRowText } --><!-- /ko -->
        <span data-bind="css: question.koCss().iconAdd"></span>
      </button>
    </div>
    <!-- /ko -->
    <div
      data-bind="visible: question.koTable().showTable, style: { overflowX: question.showHorizontalScroll ? 'scroll': '' }"
    >
      <table data-bind="css: question.getTableCss()">
        <!-- ko if: question.koTable().showHeader -->
        <thead>
          <tr>
            <!-- ko foreach: question.koTable().headerRow.cells -->
              <!-- ko if: $data.hasTitle -->
                <th
                  data-bind="style: { minWidth: $data.minWidth, width: $data.width }, css: $data.className"
                >
                  <!-- ko component: { name: question.getColumnHeaderWrapperComponentName($data), params: { componentData:  question.getColumnHeaderWrapperComponentData($data), templateData: { data: $data } } } -->
                    <!-- ko template: { name: 'survey-string', data: $data.locTitle } --><!-- /ko -->
                    <!-- ko if: $data.column && $data.column.isRenderedRequired -->
                    <span data-bind="css: question.koCss().cellRequiredText, text: $data.column.requiredText"></span>
                    <!-- /ko -->
                  <!-- /ko -->
                </th>
              <!-- /ko -->
              <!-- ko ifnot: $data.hasTitle -->
                <td data-bind="style: { minWidth: $data.minWidth, width: $data.width }, css: $data.className"></td>
              <!-- /ko -->
            <!-- /ko -->
          </tr>
        </thead>
        <!-- /ko -->
        <tbody>
          <!-- ko foreach: question.koTable().rows -->
          <!-- ko ifnot: $parent.detailPanelMode === "popup" && $data.isDetailRow -->
          <tr data-bind="css: $data.className, attr: attributes, event: { pointerdown: function (model, event) { question.onPointerDown(event, row); return true;} }">
            <!-- ko foreach: $data.cells -->
            <!-- ko if: $data.isDragHandlerCell -->
            <td data-bind="css:$data.className, attr: {colspan: $data.colSpans}">
              <!-- ko component: { name: 'sv-matrix-drag-drop-icon', params: { item: { data: { row: row, question: question } } }} -->
              <!-- /ko -->
            </td>
            <!-- /ko -->
            <!-- ko if: $data.isActionsCell -->
            <td data-bind="css: $data.className, attr: { colspan: $data.colSpans }">
              <!-- ko component: { name: 'sv-action-bar', params: { model: $data.item.getData(), handleClick: false } } -->
              <!-- /ko -->
            </td>
            <!-- /ko -->
            <!-- ko if: $data.isEmpty -->
            <td data-bind="attr: { colspan: $data.colSpans }"></td>
            <!-- /ko -->
            <!-- ko if: $data.hasPanel -->
            <td data-bind="css: $data.className, attr: { colspan: $data.colSpans }">
              <!-- ko component: { name: $data.panel.survey.getElementWrapperComponentName($data.panel), 
                params: { componentData:  $data.panel.survey.getElementWrapperComponentData($data.panel), 
                templateData: { name: $data.panel.koElementType, data: $data.panel, afterRender: question.koElementAfterRender } } } 
              -->
              <!-- /ko -->
            </td>
            <!-- /ko -->
            <!-- ko if: $data.hasQuestion -->
            <!-- ko template: { name: 'survey-matrixcell', afterRender: function(els) { $data.matrix.koCellAfterRender(els, $data); } } --><!-- /ko -->
            <!-- /ko -->
            <!-- ko if: $data.hasTitle -->
            <td
              data-bind="css: $data.className, style: { minWidth: $data.minWidth, width: $data.width }"
            >
              <!-- ko component: { name: question.getRowHeaderWrapperComponentName($data), params: { componentData:  question.getRowHeaderWrapperComponentData($data), templateData: { data: $data } } } -->
              <!-- ko template: { name: 'survey-string', data: $data.locTitle } --><!-- /ko -->
              <!-- ko if: $data.requiredText -->
              <span data-bind="css: question.koCss().cellRequiredText, text: $data.requiredText"></span>
              <!-- /ko -->
              <!-- /ko -->
            </td>
            <!-- /ko -->
            <!-- /ko -->
          </tr>

          <!-- /ko -->
          <!-- /ko -->
        </tbody>
        <!-- ko if:question.koTable().hasFooter -->
        <tfoot>
          <tr>
            <!-- ko foreach: question.koTable().footerRow.cells -->
              <!-- ko if: $data.hasQuestion -->
                <!-- ko template: { name: 'survey-matrixcell', afterRender: function(els) { $data.matrix.koCellAfterRender(els, $data); } } --><!-- /ko -->
              <!-- /ko -->
              <!-- ko if: $data.hasTitle -->
              <td>
                <!-- ko template: { name: 'survey-string', data: $data.locTitle } --><!-- /ko -->
              </td>
              <!-- /ko -->
            <!-- /ko -->
          </tr>
        </tfoot>
        <!-- /ko -->
      </table>
    </div>
    <!-- ko ifnot: question.koTable().showTable -->
    <div data-bind="css: question.koCss().emptyRowsSection">
      <div data-bind="css: question.koCss().emptyRowsText">
        <!-- ko template: { name: 'survey-string', data: question.locEmptyRowsText } --><!-- /ko -->
      </div>
      <button
        type="button"
        data-bind="click:question.koAddRowClick, css: question.getAddRowButtonCss(true), disable: question.isInputReadOnly"
      >
        <!-- ko template: { name: 'survey-string', data: question.locAddRowText } --><!-- /ko -->
        <span data-bind="css: question.koCss().iconAdd"></span>
      </button>
    </div>
    <!-- /ko -->
    <!-- ko if: question.koTable().showAddRowOnBottom -->
    <div
      data-bind="css: question.koCss().footer"
    >
      <button
        type="button"
        data-bind="click: question.koAddRowClick, css: question.getAddRowButtonCss(), disable: question.isInputReadOnly"
      >
        <!-- ko template: { name: 'survey-string', data: question.locAddRowText } --><!-- /ko -->
        <span data-bind="css: question.koCss().iconAdd"></span>
      </button>
    </div>
    <!-- /ko -->
  </div>
</script>
<script type="text/html" id="survey-matrixcell">
  <td
    data-bind="css: $data.className, style: { minWidth: $data.minWidth, width: $data.width }, attr: { 'data-responsive-title': headers, title: $data.getTitle() }"
  >
    <div data-bind="visible: question.isVisible, css: $parentContext.question.cssClasses.cellQuestionWrapper">
      <!-- ko if: $data.showErrorOnTop-->
      <!-- ko template: { name: 'survey-question-errors', data: question, as: 'question' } -->
      <!-- /ko -->
      <!-- /ko -->
      <!-- ko if: $data.isOtherChoice -->
        <div class="form-group" data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': true } }"></div>
      <!-- /ko -->
      <!-- ko if: $data.isCheckbox -->
        <!-- ko template: {name: 'survey-checkbox-item', templateOptions: {hideCaption: true} }  --><!-- /ko -->
      <!-- /ko -->
      <!-- ko if: $data.isRadio -->
        <!-- ko template: {name: 'survey-radiogroup-item', templateOptions: {hideCaption: true} }  --><!-- /ko -->
      <!-- /ko -->
      <!-- ko ifnot: $data.isChoice -->
      <!-- ko if: question.isDefaultRendering() -->
        <!-- ko let: { question: $data.matrix.getCellTemplateData($data) } -->
        <!-- ko component: { name: $data.matrix.getCellWrapperComponentName($data), params: { componentData:  $data.matrix.getCellWrapperComponentData($data), templateData: { name: question.koTemplateName(), data: question, afterRender: function(el) { $data.matrix.koCellQuestionAfterRender(el, $data); } } } } -->
        <!-- /ko -->
        <!-- /ko -->
      <!-- /ko -->
      <!-- ko ifnot: question.isDefaultRendering() -->
        <!-- ko component: { name: question.getComponentName(), params: { question: question } } -->
        <!-- /ko -->
      <!-- /ko -->
      <!-- /ko -->
      <!-- ko if: $data.showErrorOnBottom-->
      <!-- ko template: { name: 'survey-question-errors', data: question, as: 'question' } -->
      <!-- /ko -->
      <!-- /ko -->
      <!-- ko if: $data.hasQuestion && $data.question.isErrorsModeTooltip-->
        <!-- ko component: { name: 'sv-tooltip-error', params: { question: question } } -->
        <!-- /ko -->
      <!-- /ko -->
    </div>
  </td>
</script>

<script type="text/html" id="survey-question-multipletext">
  <table data-bind="css: question.koCss().root">
    <tbody data-bind="foreach: { data:  question.koRows, as: 'row' }">
      <tr data-bind="foreach: { data: row, as: 'item' }, css: question.koCss().row">
        <td data-bind="css: question.cssClasses.cell">  
          <label data-bind="css: question.getItemLabelCss(item)">
              <span data-bind="css: question.koItemTitleCss">
                <!-- ko component: { name: 'survey-element-title-content', params: {element: item.editor} } --><!-- /ko -->
              </span>
              <div data-bind="css: question.koItemCss">
                <!-- ko if: item.editor.showErrorOnTop -->
                  <!-- ko template: { name: 'survey-question-errors', data: item.editor } -->
                  <!-- /ko -->
                <!-- /ko -->
                <!-- ko template: { name: item.editor.koTemplateName(), data: item.editor, as: 'question', afterRender: item.editor.koQuestionAfterRender } -->
                <!-- /ko -->
                <!-- ko if: item.editor.showErrorOnBottom -->
                  <!-- ko template: { name: 'survey-question-errors', data: item.editor } -->
                  <!-- /ko -->
                <!-- /ko -->
              </div>
                <!-- ko if: item.editor.isErrorsModeTooltip -->
                  <!-- ko component: { name: "sv-tooltip-error", params: { question: item.editor } } -->
                  <!-- /ko -->
                <!-- /ko -->
            </label>
          </td>
        </tr>
    </tbody>
  </table>
</script>

<script type="text/html" id="survey-question-paneldynamic">
  <div data-bind="css: question.koCss().root">
    <!-- ko if: question.getShowNoEntriesPlaceholder() -->
      <div data-bind="css: question.koCss().noEntriesPlaceholder">
        <span>
          <!-- ko template: { name: 'survey-string', data: locNoEntriesText } --><!-- /ko -->
        </span>
          <!-- ko component: { name: 'sv-paneldynamic-add-btn', params: { question: question }} -->
          <!-- /ko -->
        </div>
    <!-- /ko -->
    <!-- ko if: question.koIsList() -->
      <!-- ko foreach: { data: question.panels } -->
        <div data-bind="css: question.getPanelWrapperCss()">
          <!-- ko let: { question: $data } -->
            <!-- ko component: { name: survey.getElementWrapperComponentName(question), params: { componentData:  survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koPanelAfterRender } } } -->
            <!-- /ko -->
          <!-- /ko -->
          <!-- ko if: question.panelRemoveButtonLocation === 'right' && question.koCanRemovePanel() && $data.state != 'collapsed'-->
            <!-- ko component: { name: 'sv-paneldynamic-remove-btn', params: { question: question, panel: $data } } -->
            <!-- /ko -->
          <!-- /ko -->
          
        </div>
        <!-- ko if: $index() < question.panelCount - 1 -->
        <hr data-bind="css: question.koCss().separator"/>
        <!-- /ko -->
      <!-- /ko -->
      <!-- ko if: question.showLegacyNavigation -->
        <!-- ko component: { name: 'sv-paneldynamic-add-btn', params: { question: question }} --><!-- /ko -->
      <!-- /ko -->
    <!-- /ko -->
    <!-- ko ifnot: question.koIsList()  -->
      <!-- ko if: question.koIsProgressTop-->
        <!-- ko if: !question.showLegacyNavigation && question.koIsRange -->
          <!-- ko template: { name: 'survey-question-paneldynamic-progress', data: question, as: 'question'} -->
          <!-- /ko -->
        <!-- /ko -->
        <!-- ko if: question.showLegacyNavigation -->
        <div data-bind="css: question.koCss().progressTop">
          <!-- ko template: { name: 'survey-question-paneldynamic-navigator', data: question, as: 'question'} -->
          <!-- /ko -->
        </div>
        <!-- /ko -->
      <!-- /ko -->
      <!-- ko if: question.koPanel() -->
      <div data-bind="css: question.getPanelWrapperCss()">
        <!-- ko let: { question: question.koPanel() } -->
          <!-- ko component: { name: question.survey.getElementWrapperComponentName(question), params: { componentData:  question.survey.getElementWrapperComponentData(question), templateData: { name: question.koElementType, data: question, afterRender: $parent.koPanelAfterRender } } } -->
          <!-- /ko -->
        <!-- /ko -->
        <!-- ko if: question.panelRemoveButtonLocation === 'right'-->
          <!-- ko template: { name: 'survey-question-paneldynamic-remove-btn', data: { question: question, panel: question.koPanel() }, as: 'question'} -->
          <!-- /ko -->
        <!-- /ko-->
      </div>
      <!-- /ko -->
      <!-- ko if: question.showLegacyNavigation && question.koIsProgressBottom--> 
      <div data-bind="css: question.koCss().progressBottom">
        <!-- ko template: { name: 'survey-question-paneldynamic-navigator', data: question, as: 'question'} -->
        <!-- /ko -->
      </div>
      <!-- /ko -->
    <!-- /ko -->
    <!-- ko if: !question.showLegacyNavigation && !!question.panelCount != 0 -->
    <div data-bind="css: question.koCss().footer">
      <hr data-bind="css: question.koCss().separator"/>
      <!-- ko if: question.koIsRange() && question.koIsProgressBottom -->
         <!-- ko template: { name: 'survey-question-paneldynamic-progress', data: question, as: 'question'} -->
         <!-- /ko -->
      <!-- /ko -->
      <div data-bind="css: question.koCss().footerButtonsContainer">
        <!-- ko component: { name: "sv-action-bar", params: { model: question.footerToolbar } } -->
        <!-- /ko -->
      </div>
    </div>
    <!-- /ko -->
  </div>
</script>
<script type="text/html" id="survey-question-paneldynamic-navigator">
  <div style="clear: both;">
        <div data-bind="css: question.koCss().progressContainer">
          <!-- ko component: { name: 'sv-paneldynamic-prev-btn', params: { question: question }} --><!-- /ko -->
          <!-- ko if: question.koIsRange -->
            <!-- ko template: { name: 'survey-question-paneldynamic-progress', data: question, as: 'question'} --><!-- /ko -->
          <!-- /ko -->
          <!-- ko component: { name: 'sv-paneldynamic-next-btn', params: { question: question }} --><!-- /ko -->
        </div>
          <!-- ko component: { name: 'sv-paneldynamic-add-btn', params: { question: question }} --><!-- /ko -->
        <div data-bind="text: question.koProgressText, css: question.koCss().progressText"></div>
      </div>
</script>
<script type="text/html" id="survey-question-paneldynamic-progress">
  <div data-bind="css: question.koCss().progress">
    <div
      data-bind="css: question.koCss().progressBar, style: { width: question.koProgress }"
      role="progressbar"
    ></div>
  </div>
</script>
<script type="text/html" id="survey-question-radiogroup">

  <fieldset data-bind="css: question.getSelectBaseRootCss()" role="presentation">
    <!-- ko ifnot: question.hasColumns -->
      <!-- ko if: question.blockedRow -->
      <div data-bind="css: question.koCss().rootRow">
        <!-- ko foreach: { data: question.dataChoices, as: 'item', afterRender: question.koAfterRender }  -->
        <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
        <!-- /ko -->
        <!-- /ko -->
      </div>
      <!-- /ko -->
      <!-- ko ifnot: question.blockedRow -->
      <!-- ko foreach: { data: question.bodyItems, as: 'item', afterRender: question.koAfterRender }  -->
        <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
        <!-- /ko -->
      <!-- /ko -->
      <!-- /ko -->
    <!-- /ko -->
    <!-- ko if: question.hasColumns -->
      <div data-bind="css: question.koCss().rootMultiColumn">

        <!-- ko foreach: question.columns -->
        <div data-bind="css: question.getColumnClass()" role="presentation">
          <!-- ko foreach: { data: $data, as: 'item', afterRender: question.koAfterRender } -->
            <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
            <!-- /ko -->
          <!-- /ko -->
        </div>
        <!-- /ko -->
      </div>
    <!-- /ko -->
    <!-- ko if: question.hasFootItems  -->
      <!-- ko foreach: { data: question.footItems, as: 'item', afterRender: question.koAfterRender }  -->
        <!-- ko component: { name: question.getItemValueWrapperComponentName(item), params: { componentData:  question.getItemValueWrapperComponentData(item), templateData: { name: question.itemComponent, data: item } } } -->
        <!-- /ko -->
      <!-- /ko -->
    <!-- /ko -->

    <!-- ko if: question.hasOther && question.isOtherSelected -->
      <div class="form-group" data-bind="template: { name: 'survey-comment', data: {'question': question, 'visible': question.isOtherSelected } }"></div>
    <!-- /ko -->
    <!-- ko if: question.showClearButtonInContent -->
    <div>
      <input
        type="button"
        data-bind="click:question.clearValue, css: question.koCss().clearButton, value: question.clearButtonCaption"
      />
    </div>
    <!-- /ko -->
  </fieldset>
</script>
<script type="text/html" id="survey-radiogroup-item">
  <div role="presentation" data-bind="css: question.getItemClass(item)">
    <label data-bind="css: question.getLabelClass(item), attr: { 'aria-label': question.getAriaItemLabel(item) }">
      <input
        type="radio"
        data-bind="attr: { name: question.questionName, id: question.getItemId(item), 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, checked: question.renderedValue, enable: question.getItemEnabled(item), css: question.koCss().itemControl"
      />
      <!-- ko if: question.koCss().materialDecorator -->
      <span data-bind="css: question.koCss().materialDecorator">
        <!-- ko if: question.itemSvgIcon -->
        <svg data-bind="css:question.koCss().itemDecorator">
          <use data-bind="attr:{'xlink:href':question.itemSvgIcon}" xlink:href=''></use>
        </svg>
        <!-- /ko -->
      </span>
      <!-- /ko -->
      <span
        data-bind="visible: !item.hideCaption, css: question.getControlLabelClass(item)"
      >
        <!-- ko template: { name: 'survey-string', data: item.locText } -->
        <!-- /ko -->
      </span>
    </label>
  </div>
</script>

<script type="text/html" id="survey-question-rating">
    <div data-bind="css: question.ratingRootCss">
        <fieldset role="radiogroup">
            <legend role="presentation" class="sv-hidden"></legend>
            <!-- ko if: question.hasMinLabel-->
            <span data-bind="css: question.koCss().minText">
              <!-- ko template: { name: 'survey-string', data: question.locMinRateDescription } -->
              <!-- /ko -->
              </span>
            <!-- /ko -->
            <!-- ko foreach: question.renderedRateItems -->
            <label data-bind="css: question.getItemClass($data.itemValue)">
                <input
                type="radio"
                class="sv-visuallyhidden"
                data-bind="attr: { name: question.name, id: question.getInputId($index()), value: $data.value, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy }, checkedValue: $data.value, enable: !question.isInputReadOnly, event: { click: function(data, event) { question.setValueFromClick(event.target.value); return true; } }"
                />
                <span data-bind="css: question.koCss().itemText">
                <!-- ko template: { name: 'survey-string', data: $data.locText } -->
                <!-- /ko -->
                </span>
            </label>
            <!-- /ko -->
            <!-- ko if: question.hasMaxLabel-->
            <span data-bind="css: question.koCss().maxText">
              <!-- ko template: { name: 'survey-string', data: question.locMaxRateDescription } -->
              <!-- /ko -->
              </span>
            <!-- /ko -->

        </fieldset>
    </div>
  </fieldset>
</script>

<script type="text/html" id="survey-question-signaturepad">
    <div data-bind="css: question.koCss().root, style: { height: signatureHeight, width: signatureWidth }">
        <div 
            data-bind="text: placeHolderText, css: question.koCss().placeholder, visible: $data.needShowPlaceholder()">
        </div>
        <div>
            <canvas tabindex='0'></canvas>
        </div>
        <!-- ko if: question.canShowClearButton -->
        <div data-bind="css: question.koCss().controls">
            <button type='button'
                data-bind="click: question.clearValue, css: question.koCss().clearButton, attr: { title: question.clearButtonCaption }">
                    <!-- ko ifnot: question.koCss().clearButtonIconId -->
                        <span>✖</span>
                    <!-- /ko -->
                    <!-- ko if: question.koCss().clearButtonIconId -->
                        <sv-svg-icon params="iconName: question.koCss().clearButtonIconId, size: 'auto'"></sv-svg-icon>
                    <!-- /ko -->
            </button>
        </div>
        <!-- /ko -->
    </div>
</script>
<script type="text/html" id="survey-question-text">
  <!--ko if: !question.dataListId && !question.isReadOnlyRenderDiv()-->
    <!-- ko template: { name: 'survey-question-text-input' } --><!-- /ko -->
  <!--/ko-->
  <!--ko if: question.dataListId && !question.isReadOnlyRenderDiv()-->
  <div>
    <!-- ko template: { name: 'survey-question-text-input' } --><!-- /ko -->
    <datalist data-bind="attr: {id: question.dataListId}">
    <!-- ko foreach: question.dataList -->
      <option data-bind="value:$data"></option>
    <!--/ko-->
    </datalist>
  </div>
  <!--/ko-->
  <!--ko if: question.isReadOnlyRenderDiv() -->
  <div data-bind="text: question.value"></div>
  <!--/ko-->
</script>
<script type="text/html" id="survey-question-text-input">
  <input
  data-bind="disable: question.isInputReadOnly, 
    style: question.inputStyle, 
    attr: { type: question.inputType, size: question.renderedInputSize, id: question.inputId, placeholder: question.renderedPlaceholder, maxLength: question.getMaxLength(), min: question.renderedMin, max: question.renderedMax, step: question.renderedStep, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy, autocomplete: question.autocomplete, list:question.dataListId }, 
    event: { keydown: koOnKeyDown, keyup: koOnKeyUp, change: koOnChange, compositionupdate: koOnCompositeUpdate, blur: koOnBlur },
    value: question.koReadOnlyValue,
    css: question.getControlClass()"/>
</script>
<script type="text/html" id="survey-question-buttongroup">
  <div role="group" data-bind="css: question.koCss().root">
      <!-- ko foreach: question.visibleChoices -->
        <!-- ko component: { name: 'sv-button-group-item', params: { question: question, item: $data, index: $index } } -->
        <!-- /ko -->
      <!-- /ko -->
    </div>
</script>

<script type="text/html" id="popup-pointer">
  <span class="sv-popup__pointer" data-bind="style: { left: pointerTarget.left, top: pointerTarget.top }"></span>
</script><script type="text/html" id="survey-widget-imagefeedback"><div class="imagefeedback"><div class="image"><img/></div><div class="comments"></div></div></script><script type="text/html" id="survey-widget-bootstrapslider"><div></div></script><script type="text/html" id="survey-widget-editor"><textarea rows='10' cols='80' style: {width:'100%'}></textarea></script><script type="text/html" id="survey-widget-emotionsratings"><div style='height: 33px'></div></script><script type="text/html" id="survey-widget-datepicker"><input class='form-control widget-datepicker' type='text'></script><script type="text/html" id="survey-widget-nouislider"><div><div></div></div></script><script type="text/html" id="survey-widget-pretty-checkbox"><fieldset></fieldset></script><script type="text/html" id="survey-widget-select2"><div><select style='width: 100%;'></select><textarea></textarea></div></script><script type="text/html" id="survey-widget-tagbox"><div><select multiple='multiple' style='width: 100%;'></select><textarea></textarea></div></script><script type="text/html" id="survey-widget-sortablelist"><div></div></script><script type="text/html" id="survey-widget-carousel">
        <div class="collecthor-carousel">
        
        </div>
    </script><script type="text/html" id="survey-widget-imagemap">
<div class="imagemap" draggable="true">
<div class="canvas-wrapper">
<canvas class="primary"></canvas>
</div>
</div>       
    </script><script type="text/html" id="survey-widget-implicitassociation">
    <div class="collecthor-iat form-control" tabindex="0">
        <div class="collecthor-iat-overlay"></div>
        <div class="collecthor-iat-carousel">
          <div class="title-card collecthor-iat-carousel-card animate__animated active"></div>
        </div>
      <button class="collecthor-iat-left-button btn btn-primary" disabled="disabled"></button>
      <button class="collecthor-iat-right-button btn btn-primary" disabled="disabled"></button>
      
    </div>
      </script><script type="text/html" id="survey-widget-firstimpression">
    <div class="collecthor-firstimpression">
      <img class="firstimpression-image"/>
      <div class="firstimpression-starttext">
        <p></p>
      </div>
    </div>
      </script></div>
<script>document.addEventListener('DOMContentLoaded', function() {
<!-- NOTIFICATION PLACEHOLDER -->
}, { passive: true });</script>
<div id="pagefooter"><div id="logoblock"><img src="https://cdn1.collecthor.nl/organisation8/public/ME/Surveys/footer_me2017.png"></div><div id="rightsblock">Markteffect 2023
Alle rechten voorbehouden</div><div id="isoblock"><img src="https://cdn1.collecthor.nl/organisation8/themes/500/ISO-27001-data.png"><img src="https://cdn1.collecthor.nl/organisation8/themes/500/ISO-20252-onderzoek.png"></div></div></body></html>

                             

Screenshot: