auto_stories Knowledge Base chevron_right Form chevron_right Article

Group Box

It is a tool for framing designed objects. Among the properties of the group box tool is the visible/invisible feature of the title. A more tidy look can be obtained by placing the header on the objects in the frame with the help of the Group Box.

g1.png

Group Box tool icon at Toolbox

 

g2.png

How it looks like on the Canvas

 

Compatibility

Free Form Responsive Form Mobile
icons8-check-circle-48.png icons8-cancel-48.png icons8-cancel-48.png

 

 

Remarks

It is a tool to frame designed objects. The properties of the group box tool include the visible/invisible feature of the title. A more organized view can be obtained by placing a title on the objects in the frame with the help of the Group Box.

 

Properties

  • Name: The name of the tool will be written here.

  • Text: The title text is entered into the tool.

  • Help Text: It is the text that is entered for comment when the mouse is placed on the tool.

  • Text Fonts: Allows you to change the font.

  • Text Type: Adjust the type of text like bold, italic, underlined, and replaces the text as right-aligned, left-aligned, or centered.

  • Color: Edits the color of inside the tool and/or the text inside the tool.

  • Height / Width: Adjusts the height and width of the tool (The width field has been removed from Responsive Forms).

  • From Left / Top: Adjusts the distance of the tool from the left and top (This field has been removed from responsive forms).

  • Fit Horizontal: Fits the tool to the full screen on the user’s screen.

  • Pin  Right: Pins the tool to the right.

  • Display: Makes the tool not appear on the screen.

  • Mobile Fixed: The elements in the group are not moved to the list tab even if they are below the grid.

  • Heading: Select whether or not the text field entered in the tool appears as a title.

 

Actions

There is no action for this tool.

Example Used

After clicking on the group box, the area indicated by the green arrow is selected from the top menu that is sent to the back. If the group box is to be edited, the field shown with the red arrow below is selected which is the topmost one.

g3.png

The top menu on Studio screen

 

Heading property of the group box is Yes, thus its Text area seems.

g4.png

Client screen