Bootstrap Fields Layout for Blocks

Bootstrap Fields Layout allow you to create a form for your blocks for your end user. Blocks are no longer ordered in a vertical column automatically using the order function. 

To enable this go to Bootstrap Fields Layout with the product setup options.

Check off the Use Layout Template

You can automatically import a form or use it as a starting point.

Auto Divs

Auto Table

Auto Tab (this needs a lot of manual input to put the fields into the correct tab)

Simple

You can also create your own custom form by selecting the block you want to insert and click on Insert Lable: insert Field. Or you can simply just Insert Field and create your own label.

For example if you wanted to put a Phone Type on the same line as the Phone Number Block you can start withthe Auto Divs Layout.

This is the preset for Phone:

   <div class="col-sm-12">

        <div class="row">

            <div class="col-sm-4 text-right">Phone</div>

            <div class="col-sm-8">{Phone}</div>

        </div>

    </div>

You can change it to:

   <div class="col-sm-12">

        <div class="row">

            <div class="col-sm-4 text-right">Phone</div>

            <div class="col-sm-4">{PhoneType}</div>

            <div class="col-sm-4">{Phone}</div>

        </div>

    </div>

*Remember to delete {PhoneType} from the rest of the field.

When you are done click save and run your product to test.