Complementary Controls Add On.

Complementary Controls
Complementary Controls.

Data Table

Inserts an interactive data-table to display the data source records.

Controls Bar
Controls Bar.
Control Settings
Control Settings.

DataTable Settings

  • Recordset field: enter the id of the recordset field with the records to display.
  • Data table columns: pairs of "table column|records attribute" separated by a pipe symbol. Enter a column per line.
  • Auto width columns: adjusts the columns widths dynamically.
  • Multipage table: splits large tables into pages.
  • When pagination is enabled, display option to change the number of records per page.
  • Enable ordering of columns: clicking on the column headings sorts the rows alphabetically by the cells in the column.
  • Show horizontal scrolling in too wide tables.
  • Table height, numbers only: table's height in pixels.
  • Include search box control in the table: includes a search box for filtering the table rows.
  • URL to a JSON language file (optional): URL to the translations JSON file. You can use the translations in the following link: Translations
  • Class attribute: assigns a custom class name to the table.
DataTable Tab
DataTable Tag.
Public Form
Public Form.

Print Form Button

Inserts a button to print only the form, hiding the rest of the page content.

Controls Bar
Controls Bar.
Control Settings
Control Settings.
Button Tag
Button Tag.
Public Form
Public Form.
Printing Form
Printing Form.

DropDown Menu with Search Box

It transforms drop-down menus (for single and multiple select) into advanced controls with search boxes to facilitate the selection of items in long lists.

Drop-down menu
Drop-down Menu.

The add-on includes a new attribute in the drop-down menu settings to activate the search box.

Search box activation
Search Box Activation.
Menu Tag
Menu Tag.
Public Form
Public Form.

Copy to Clipboard

It includes a floating icon on mouseover in text fields and text areas for copying their values to the clipboard easier.

To apply the copy to clipboard behavior to a tag, assign it the class name clipboard.

Assigning Class Name
Assigning Class Name.
Public Form
Public Form.