In this lesson we are going to learn about Default Double column region which generally displays Items in only two columns, let us create a Default double column region and create some items init and see how it looks like.
Creating Default Double Column Region
First create one page in the project and then under the main page region create one new region.
Right click on the main region, select New -> Region.
In the property inspector select the region style as “defaultDoubleColumn”.
After selecting Region Style as Default Double Column we can see in the visual Text and Item URI fields are available it means for Default Double Column we can give Text value to the region and also we can place any images if required.
The below figure shows the Property Inspector of Default Double Column:
Now after creating Default double Column region create three items under Default Double Column region and note that all the items the Item Style is messageTextInput and give some prompt name for all the created items.
After creating items under the default Double Column region the page structure look like the following which shows Default Double Column region and along with also shows items structure of Message Component Layout region , Header Region , and Row Layout region.
In the above figure region5 is the Default Double Column.
Now run the page and see the output which shows how the items are placed inside the default Double Column and also it compares with the other regions.