Vizlib Home
Welcome
Login

Vizlib Input Form - Layout Wizard

Layout Wizard

Once a form is created, you may find you want to change the presentation, adding new features and fields, arranging the data input in a particular order, or applying a branded color scheme. With the Vizlib Input Form Layout Wizard you can make any changes you need to help improve the appearance of the form and the quality of the data you collect.


Working with Input Fields

Opening the Input Fields menu on the right-hand panel displays the options Layout Wizard and Add Field (Figure 1). 


Figure 1: Layout Wizard

 

  • Click on the Layout Wizard Icon to open the wizard form (Figure 2).  The fields currently displayed in the form will be on the right, and available fields are in the Fields list. 
    1. If there's an item you need to use in the Fields list, you can drag and drop it into the input form. 
    2. If you need to add a new field, you can select a data type from the Add Field dropdown.
    3. To move a field to a different part of the input form, you can drag and drop it to the location you need. The cursor location is indicated by the blue bar on the left to help you get it right. 

 

Figure 2: Layout Wizard Form


If you need to add a field without using the layout wizard, you can use the Add Field button in the Input Fields menu. You can find an example of using Add Field in the article on Options


Groups, Text and Dividers

In addition to Add Field, the Layout Wizard has 3 more buttons displayed at the top (Figure 3) - Add Group, Add Text, and Add Divider.


  1. Click on the Add Text button, drag and drop the cursor to the location you want, and enter the text you want to display in the text box. 
  2. Click on the Add Group button, drag and drop the cursor to the location you want and then drag the fields into the group panel to create the group. 
  3. Click on the Add Divider button, drag and drop the object 
  4. You can click on the arrow beside the Group icon to hide or display a group. The group will be hidden when the form is opened, but the user can display the group by clicking the arrow. 
  5. If you have a field which does not need to be in a group, you can add it in a location outside a group. 


Figure 3: Layout Wizard Groups, Text and Dividers


Once you're finished making your changes to the input form, click on Save. You should see the form in Figure 4, displaying the header, the open group (Sales Performance Details), the closed group (Review), the divider and the Review Date field. 


Figure 4: Input Form


Next Steps

The Layout Wizard is a great way to start arranging and presenting your input form fields, but with Vizlib Input Form, you can also edit and change fields using the Input Fields panel. You can also add and edit input field properties using the Options menu, apply Validation to a field and use Custom Styling to change the look of your input form. There are links to all of these articles in the Related Articles section. 


Related Articles

You can find a list of related articles in the Vizlib Input Form Overview.


Validation - For instructions on using the Validation panel in Vizlib Input Form, see the article here


Custom Styling - For instructions on using the Custom Styling panel in Vizlib Input Form, please see the article here


Input Field Options - For instructions on using the Options function to add features to the dropdown, icon, flag, radiobutton and multiple choice data types, please see the article here.


K
Kenneth is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.