{"id":113,"date":"2021-09-28T18:53:53","date_gmt":"2021-09-28T18:53:53","guid":{"rendered":"https:\/\/www.learnclick.com\/blog\/?p=113"},"modified":"2021-09-28T19:00:01","modified_gmt":"2021-09-28T19:00:01","slug":"creating-tables-for-learnclick-quiz-questions","status":"publish","type":"post","link":"https:\/\/www.learnclick.com\/blog\/?p=113","title":{"rendered":"Creating Tables for Learnclick Quiz Questions"},"content":{"rendered":"<p>It&#8217;s not possible to create tables directly inside the Learnclick quiz editor, but you can copy a table from an other editor and paste it. I recommend using an online editor like <a href=\"https:\/\/docs.google.com\">Google Docs<\/a> as copying tables from Microsoft Word doesn&#8217;t work well (Libre Office works better).<\/p>\n<p>In Google Docs, you click on Insert -&gt; Table.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-114\" src=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/google-table.png\" alt=\"\" width=\"1027\" height=\"421\" srcset=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/google-table.png 1027w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/google-table-300x123.png 300w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/google-table-768x315.png 768w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/google-table-1024x420.png 1024w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/google-table-500x205.png 500w\" sizes=\"auto, (max-width: 1027px) 100vw, 1027px\" \/><\/p>\n<p>If you want to add a background to a cell, you just click into it and then right-click and choose &#8220;Table properties&#8221;. You will see the option &#8220;Cell background color&#8221;.<\/p>\n<p>Under &#8220;Table properties&#8221; you can also change the width of the table.<\/p>\n<p>Now you can copy and paste it into the Learnclick editor and mark the words you want to turn into gaps:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-115\" src=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/learnclick-table.png\" alt=\"\" width=\"980\" height=\"259\" srcset=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/learnclick-table.png 980w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/learnclick-table-300x79.png 300w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/learnclick-table-768x203.png 768w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/learnclick-table-500x132.png 500w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/p>\n<h2>Advanced: Add scrolling<\/h2>\n<p>If you have a long text and you want the text on the side to always remain visible, you will need to add tags that surround the main text. For this you will need to edit the generated html. Please note that if you don&#8217;t know how html works, it&#8217;s easy to make a mistake. You might want to use the inbuilt feature &#8220;Add header text&#8221; instead, which also always remains visible (see <a href=\"https:\/\/www.youtube.com\/watch?v=hGCl80EOxCg\">https:\/\/www.youtube.com\/watch?v=hGCl80EOxCg<\/a>)<\/p>\n<p>For making the table cell scrollable, click on the button &#8220;html&#8221;-code<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-116\" src=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/html-code.png\" alt=\"\" width=\"645\" height=\"122\" srcset=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/html-code.png 645w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/html-code-300x57.png 300w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/html-code-500x95.png 500w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/p>\n<p>You will need to add a div tag after the td-tag and before the text and any formatting tags.<\/p>\n<p>&lt;div style=&#8221;overflow-y: scroll; height: 200px;&#8221;&gt;<\/p>\n<p>You&#8217;ll also need to add a closing div-tag before the closing td-tag:<\/p>\n<p>&lt;\/div&gt;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-122\" src=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-code.png\" alt=\"\" width=\"722\" height=\"495\" srcset=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-code.png 722w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-code-300x206.png 300w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-code-438x300.png 438w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/><\/p>\n<p>Now one can scroll inside the cell:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-121\" src=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-table.png\" alt=\"\" width=\"816\" height=\"331\" srcset=\"https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-table.png 816w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-table-300x122.png 300w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-table-768x312.png 768w, https:\/\/www.learnclick.com\/blog\/wp-content\/uploads\/2021\/09\/scrollable-table-500x203.png 500w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s not possible to create tables directly inside the Learnclick quiz editor, but you can copy a table from an other editor and paste it. I recommend using an online editor like Google Docs as copying tables from Microsoft Word doesn&#8217;t work well (Libre Office works better). In Google Docs, you click on Insert -&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=113"}],"version-history":[{"count":8,"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions\/126"}],"wp:attachment":[{"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.learnclick.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}