Please enable JavaScript to view this site.

Navigation: Using PHPRunner > Page Designer

Tabs and sections

Scroll Prev Next More

Tabs/Folding sections

You can use tabs and folding sections on the Add/Edit/View pages. To create a new tab, press the Add tab button on the top. You can drag-n-drop fields into the tab. Press the new tab button in the tab properties to add the new tab to the group.

pd_tabs_and_sections

 
Click the Add Section button to create a new section.

pd_tabs_and_sections1

 

Here is how the result looks in the generated "Add" page:

tabs_and_sections_page

 

You can translate the names of tabs and sections if you have several languages selected in the Miscellaneous settings. Click the ... button in the properties to open the Label Editor and translate the names.

tabs_sect_multilang

 
Alternatively, you may also change it using the dialog for the current tab/section.

tabs_sect_multilang_n

 
You can also change the way the labels and field values appear: in columns, above the controls or inline with them. You can select separate controls and labels to apply some custom formatting. This can be done for each tab or section separately.

 
Press the Form Layout button to do so, then choose the desired settings for the Tab or Section.

tab_layout

Page Designer articles:

About Page Designer

Working with common pages

Working with table pages

Working with cells

Working with page elements

Working with additional pages

Page layout and grid type

Insert custom button

Insert code snippet

Insert map

Insert Text / Image

Insert standard button

"View as" settings

"Edit as" settings

"Filter as" settings

See also:

Choose pages screen

Choose fields screen

Miscellaneous settings

Editor screen

Event editor

 

Created with Help+Manual 7 and styled with Premium Pack Version 3 © by EC Software