Containers: Groups, Tabs and Panels

<< Click to Display Table of Contents >>

Navigation:  Bizagi Studio > Process wizard > Define Forms > Form Designer components > Left panel >

Containers: Groups, Tabs and Panels

Containers enable you to organize the Display area to arrange the information in Tabs, Groups or Panels.

Tabs look and behave in a similar way as the tabs of a Web browser. The selected tab displays its content and the content in all other tabs remain hidden.



To preserve performance, controls added to the first tab are loaded as soon as Bizagi displays the form; controls added in the second tab, are loaded either by accessing the tab (when the user opens the tab) or ten seconds after Bizagi displays the form. If you use Actions, validations or On Enter actions over controls added to the second tab or to the others, those actions may fail if the controls have not been loaded.


Groups arrange the Controls in blocks, visually organizing it into small sets of related information.

Panels group Controls that are one next to the other in a form to affect them as a whole in Actions & Validations, instead of making individual actions for each one. Please refer to Affecting several controls to view an example




The containers have the following properties: Display name, Visible and Editable. The last two Boolean properties can be set to True (FormsComponents139) or False (FormsComponents140).


Additionally groups have an special property called Initially collapsed which is used to define if the group will be initially shown expanded or collapsed.

When a group is added onto the form, this group will be available to rename immediately.





Every Control in the container will inherit the property values assigned to the Container (Group, Tab or Panel).

For example, if a Panel is set as not editable, every Control in the Group will be no editable, regardless of the configuration of the control.  

That is, the Container has seniority over the Controls in the visual hierarchy.  




To rename a Container double-click its name and type the one desired. Click on the green Save icon (FormsComponents141) to finish editing.

To delete a Container, select it and click the red Delete icon (FormsComponents142) attached to the boundary of the Control.




Include a control in a Group

To include a control onto a Group, drag it and hover the mouse pointer over the Group. Wait for the DROP HERE section to light up, indicating where the control will be positioned. Drop the control when the desired section is highlighted.




Include a Group within a Group

You can include Groups within Groups.

To do so first create the parent Group and then drag-and-drop the child Group onto the parent as shown in the image.

Every time a group is dropped onto the form, this group will be available to rename immediately..




Include a Tab within a Tab

You can include Tabs within Tabs. To do so create a Tab (parent) and then drag and drop another Tab onto to the parent Tab as shown in the image.




Create a new Tab

When you include a Tab in a Form, the green Add icon (FormsComponents143) is always available on the right. This icon allows including new tabs, one besides the other.

If you drag and drop a new Tab from Containers, it will not be placed alongside an existing one, but as a new Tab in a separate pane.