{"id":13203,"date":"2024-12-03T09:47:36","date_gmt":"2024-12-03T09:47:36","guid":{"rendered":"https:\/\/m-path.io\/manual\/?post_type=ht_kb&#038;p=13203"},"modified":"2025-03-11T15:53:12","modified_gmt":"2025-03-11T15:53:12","slug":"image-choice","status":"publish","type":"ht_kb","link":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/knowledge-base\/image-choice\/","title":{"rendered":"Image Choice"},"content":{"rendered":"\n<p>The Image choice question is a question type where the client can select any number of images in response to a question. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"1024\" src=\"\/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-472x1024.png\" alt=\"\" class=\"wp-image-13215\" srcset=\"\/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-472x1024.png 472w, \/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-138x300.png 138w, \/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-768x1665.png 768w, \/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-23x50.png 23w, \/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-709x1536.png 709w, \/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-945x2048.png 945w, \/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-28x60.png 28w, \/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32-46x100.png 46w, \/wp-content\/uploads\/2024\/12\/Simulator-Screenshot-iPhone-15-2024-12-03-at-11.54.32.png 1179w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"1024\" src=\"\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16-843x1024.png\" alt=\"\" class=\"wp-image-13218\" srcset=\"\/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16-843x1024.png 843w, \/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16-247x300.png 247w, \/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16-768x933.png 768w, \/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16-41x50.png 41w, \/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16-1265x1536.png 1265w, \/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16-49x60.png 49w, \/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16-82x100.png 82w, \/wp-content\/uploads\/2024\/12\/Screenshot-2024-12-03-at-11.53.16.png 1278w\" sizes=\"auto, (max-width: 843px) 100vw, 843px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"multiple-choice-question-image-choice\"><strong>Settings<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">General<\/h3>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-text-color wp-element-button\" href=\"\/knowledge-base\/questions-general-settings\/\" style=\"color:#03a9f3\">General settings of all questions<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Specific<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Show enumeration<\/h4>\n\n\n\n<p>If this setting is enabled, option numbers will be shown (e.g. &#8220;1: With friends&#8221;, &#8220;2: With family&#8221;&#8230;)<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Shuffle list<\/h4>\n\n\n\n<p>Enable this setting to shuffle the option list randomly when the participant opens the question.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Minimum\/maximum amount of respnses<\/h4>\n\n\n\n<p>In these boxes, you can set the minimum and maximum amount of options the user can tick (if it&#8217;s a multiple answer question). If one of these is zero, that limit does not exist (so minimum zero means no lower bound, maximum zero means no upper bound).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Image locations<\/h4>\n\n\n\n<p>To insert images, we need to make use of the specific settings for that question as indicated in the figure.<\/p>\n\n\n\n<p>Under&nbsp;<em>Image locations<\/em>&nbsp;you can add the web addresses that link to your images&nbsp;divided by a comma (,). Make sure to add them in the same sequence as you want them to appear on the client\u2019s screen. More information on how to upload images can be found in&nbsp;<a href=\"\/knowledge-base\/images\/\">this article<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Animate in<\/h4>\n\n\n\n<p>When you check this box, the photos will slide in one for one until all photos are displayed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Show options<\/h4>\n\n\n\n<p>When you check this box, the photos are displayed with their text, if it&#8217;s unchecked, only images are displayed. For example, as shown on the figure above, \u201c1: Go on a vacation\u201d.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Images per row<\/h4>\n\n\n\n<p>Here you can set how many images are displayed per row. Useful for setting up a custom grid.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Relative image width<\/h4>\n\n\n\n<p>Set this scaling parameter to set image width relative to full width of the app window. Useful in conjunction with the same setting in the <a href=\"\/knowledge-base\/media-items\/\" data-type=\"ht_kb\" data-id=\"3925\">Image module<\/a> to scale answers to a &#8220;mother image&#8221; (i.e. for pattern matching).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Width by height ratio<\/h4>\n\n\n\n<p>This will change the width and height of the boxes around the pictures according to the ratio you set.<\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"1024\" src=\"\/wp-content\/uploads\/2021\/09\/47-2-511x1024.png\" alt=\"\" class=\"wp-image-9238\" style=\"width:332px;height:auto\" srcset=\"\/wp-content\/uploads\/2021\/09\/47-2-511x1024.png 511w, \/wp-content\/uploads\/2021\/09\/47-2-150x300.png 150w, \/wp-content\/uploads\/2021\/09\/47-2-768x1540.png 768w, \/wp-content\/uploads\/2021\/09\/47-2-25x50.png 25w, \/wp-content\/uploads\/2021\/09\/47-2-766x1536.png 766w, \/wp-content\/uploads\/2021\/09\/47-2-1022x2048.png 1022w, \/wp-content\/uploads\/2021\/09\/47-2-30x60.png 30w, \/wp-content\/uploads\/2021\/09\/47-2-50x100.png 50w, \/wp-content\/uploads\/2021\/09\/47-2.png 1292w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><figcaption class=\"wp-element-caption\">  This figure illustrates the case where the width by height ratio is set to 2. <\/figcaption><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Conditionals<\/h2>\n\n\n\n<p>This multiple choice question supports conditional flows. See <a href=\"\/knowledge-base\/multiple-choice\/#conditional-question\">this section about conditional questions<\/a> to get an overview of how these work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Image choice question is a question type where the client can select any number of images in response to a question. Settings General Specific Show enumeration If this setting is enabled, option numbers will be shown (e.g. &#8220;1: With friends&#8221;, &#8220;2: With family&#8221;&#8230;) Shuffle list Enable this setting to&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[511],"ht-kb-tag":[],"class_list":["post-13203","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-question-types"],"_links":{"self":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/13203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/comments?post=13203"}],"version-history":[{"count":4,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/13203\/revisions"}],"predecessor-version":[{"id":13770,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/13203\/revisions\/13770"}],"wp:attachment":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/media?parent=13203"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb-category?post=13203"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb-tag?post=13203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}