Adding a button to a form

Answer¶

You can add a button by using "Script".

Overview¶

To add a button after any column or to the command button area, use "Script".

Method of Operation¶

1. Open the target table.
2. Click "Manage" in the navigation menu.
3. Click "Manage Table".
4. Click the "Editor" tab.
5. Enable "Category A" in "Editor Settings".
6. Click the "Script" tab.
7. Click the "Create New" button.
8. Enter any title in "Title" and enter the script below in "Script".
9. Set "Output to" by referring to the following.
10. Click the "Change" button.
11. Click the "Update" button in the command button area.
12. Open any record or create a new record.

Code Samples¶

1
2
3
4
5

$p.events.on_editor_load = function () {
    const field = $('#' + $p.getField('ClassA')[0].id);
    const btn = '<button type="button" style="float: left;">Button</button>';
    field.after(btn);
};

1
2
3
4
5

$p.events.on_editor_load = function () {
  const btn = $('<button id="NewButton">Button</button>')
    .button({ icon: 'ui-icon-gear' }); // (1)!
  $('#MainCommands').append(btn);
};

Related Information¶

• Manage Table: Script
• Manage Table
• Tenant Management Function: Logo, Title, Logo Image
• Icons | jQuery UI API Documentation