{"id":11517,"date":"2022-05-25T07:26:55","date_gmt":"2022-05-25T07:26:55","guid":{"rendered":"https:\/\/www.mainbrainer.com\/hc\/knowledge-base\/survey-spacer-widget\/"},"modified":"2022-11-24T05:58:00","modified_gmt":"2022-11-24T05:58:00","slug":"survey-spacer-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_IN\/survey\/creator\/spacer\/","title":{"rendered":"Survey Spacer Widget"},"content":{"rendered":"
\n

The spacer <\/strong>widget helps you add a negative space between two widgets<\/a>.<\/p>\n

Negative space refers to the space between different content blocks in your survey. Including negative space in your survey is important from both aesthetic and functional points of view. Pages with negative space look better and are easier to read, especially on smaller screens.<\/p>\n

<\/div>\n

How to Use a Spacer Widget in a Survey?<\/h2>\n
<\/div>\n

Step 1 \u2013 Navigate to the Survey Creator<\/h3>\n

Open the Survey Creator to start creating your survey<\/a>.
\n\"Survey<\/p>\n

<\/div>\n

Step 2 \u2013 Add a Spacer Widget to Your Survey<\/h3>\n

To add negative space to your survey, drag and drop the spacer<\/strong> widget to the work area.
\n\"Survey<\/p>\n

<\/div>\n

Step 3 \u2013 Design the Space as Required!<\/h3>\n

Once you drop the widget in the work area, you\u2019ll see the widget settings on the right side. While there are no Spacer settings as such, you can design and style them as you prefer.<\/p>\n

<\/div>\n

\"Survey<\/p>\n

<\/div>\n

Use the fields:<\/p>\n

3.1 Widget Background Color<\/strong><\/h4>\n
    \n
  • Either use the color picker to specify the color of this negative space, or<\/li>\n
  • Select the checkbox – Widget Background Transparent <\/strong>if you wish to make this space transparent.<\/li>\n<\/ul>\n
    <\/div>\n

    3.2 Spacer Height<\/h4>\n

    Use the Spacer Height sizing bar to adjust the height of this blank space.<\/p>\n

    <\/div>\n

    Click Save<\/strong>, and that\u2019s it!<\/p>\n<\/div>\n