{"id":7543,"date":"2022-05-31T04:57:47","date_gmt":"2022-05-31T04:57:47","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/?post_type=ht_kb&p=7543"},"modified":"2022-11-23T11:38:39","modified_gmt":"2022-11-23T11:38:39","slug":"survey-columns-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/survey\/creator\/columns\/","title":{"rendered":"Survey Columns Widget"},"content":{"rendered":"
\n

The Columns<\/strong> widget helps you split the work area into separate columns (2, 3, or 4 columns). Then, you can proceed to drag and drop any other widget onto the created columns. For example, add a text\/image\/button or any other design element as per your requirements<\/p>\n

<\/div>\n

How to use a Columns Widget in a survey?<\/h2>\n

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

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

<\/div>\n

\"Survey<\/p>\n

<\/div>\n

Step 2 \u2013 Add a Columns widget to your survey<\/h3>\n

To divide a space in your work area into columns, drag and drop the Columns<\/strong> widget to the work area.<\/p>\n

<\/div>\n

\"Survey<\/p>\n

<\/div>\n

Step 3 \u2013 Configure the Column Widget<\/h3>\n

Once you drop the widget in the work area, you\u2019ll see the widget settings on the right side.<\/p>\n

<\/div>\n

\"Set<\/p>\n

<\/div>\n
\n

Use the Columns Settings<\/strong> to specify the number of columns that you wish to divide the widget area into.<\/p>\n<\/div>\n

Click Save<\/strong>.<\/p>\n

<\/div>\n

Step 4 \u2013 Style the Columns\u2019 background and design<\/h3>\n

You can edit the overall appearance of your Columns using the options available under the Style<\/strong> tab.<\/p>\n

<\/div>\n

\"Survey<\/p>\n

<\/div>\n

The defined fields are:<\/p>\n