![]() ![]() Which forms work well with the multi column layout? Thus, on small devices, the form fields are stacked and not inline. The multi column layout as implemented by Visforms is responsive and uses the "col-sm-" classes. If you want to use the multi column layout to design individual multi column forms you should be familiar with using the bootstrap 3 grid system or willing to learn how to use it. As you can set the width for each field container individually, this design enables you to create very flexible multi column forms Field container and grid system The container for the third field is position in the left column of the second row and the container for the forth field in the right column of the second row. ![]() If you create a 2 column layout the container for the first field is position in the left column of the first row, the container for the second field in the right column of the first row. Each field container is a wrapper for the field label, the control, error messages. The rows are filled from left to right with columns which are the field containers. That is why the layout is actually created in rows. The Bootstrap 3 grid system structures your website in rows and in 1 - 12 columns per row. For information about multi-column forms on websites using templates built on newer versions of the Bootstrap UI framework or on the UI framework UIkit, please check out the UI Framework specific articles in the Subscription Documentation. This means you can only use this layout if your website has a template that implements the Bootstrap 3 grid. The multi-column form layout is based on the Bootstrap 3 grid. This feature is part of the Visforms Subscription and not available in the free Visforms version. Create a multi column form with Bootstrap 3 layout ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |