Show/Hide Toolbars

Navigation: Using ASPRunnerPro > Page Designer

PHPrunner32x32     ASPRunnerPro manual


Working with table pages

Scroll Prev Next More

Designing table pages

Table pages are the pages for working with tables. List, Add, Edit, and View are examples of Table pages.

 
Add field, Remove field buttons are available for all types of pages. Use these buttons to add table fields to the page grid, filter, or search panels. Click on the field name to add or remove it.

pd_add_field

 
Add Section/Add Tab buttons are available for the Add, Edit, and View pages. Press these buttons to add a section or a tab to the preview area. Now you need to drag-n-drop fields to the new section/tab. To rename or format the section/tab, click on it, and modify its properties. See Working with elements for details.
pd_addsect

 

Add step button is available for the Add/Edit pages. It allows dividing the Add/Edit process into several steps.

pd_table_pages_add_step

 

Here is how a two-step Add page looks like:

pd_table_pages_steps

 

Insert button is used to add buttons, snippets, maps or HTML texts and images to the page. See Insert button, Insert code snippet, Insert map, Insert Text and Image, Insert Standard button to learn more.

pd_table_pages_insert

 

Use Undo and Redo buttons to undo/redo last change on the page.

Page properties

You can find page properties on the right-side panel. They are the same for all types of pages.

pd_table_pages_properties

 

Default/Draft page checkbox.
 
The Page Designer lets you create multiple pages of the same type. These Default/Draft options let you choose whether the selected page is the default one or a draft.

 

You can only have one default page of each type: List, Add, Edit, etc. The elements that link to the page type send the user to the default page unless you change it in the page option in the properties of these elements. For example, if you create an 'Edit1' page and make it default, the Edit button on the list page will lead the user to the 'Edit1' page instead of 'Edit'. See Working with additional pages to learn more.

 

The draft option lets you hide the selected page in the generated application.
 
Page management buttons:

Copy page button copies the current page. The auto-incremented number is added to the new page name.

Copy layout to ... button copies the current page layout to the selected page.

Rename page button renames the current page.

Delete page button deletes the current page.

Page Options

Below the page properties, you can see options available for the page. For example, the List page has options to control Inline Add/Edit, Details link, List search, or Totals. Add and Edit pages has the button to enable captcha on the generated page.

 
List options

pd_listopt_list

 

Details link options

pd_list_details_options

 

List search options

pd_list_search_options

 

Totals options

 
Click on this control when you want to add totals functions to the fields list page. You can also add the totals for each field in element's properties - Totals.

pd_list_totals_options

Misc options

pd_list_misc_options

Page layout

Press this button to open dialog with Layout settings available for the current page.

pd_page_layout

Page grid type

Press this button to open dialog with Grid types available for the current page.
page_layout_simple_grid

Form layout

You can click the Change form button on the Add/Edit page, to set the numbers of columns and the position of labels. You can also choose the separate controls and labels layout.

pd_table_pages_form_layout