The workflow illustrated below outlines the key steps in building an app. The specific builders you'll use depend on the type of app you're creating. For example, using the Form Builder is optional for data table apps.For more detailed guidance on each step, please...
Docs
Posts under the "Docs" category
Column-Level Hooks
renderThe render hook allows developers to implement custom renderers for specific columns. This powerful hook enables rendering based on other column values or external data fetched via AJAX. It also supports built-in functions to change the text color and background...
Table-Level Hooks
renderDetailPanelThe renderDetailPanel hook allows developers to implement custom detail panels. This hook is highly versatile, enabling the creation of banners, data entry forms, or any HTML content containing your desired elements. As a JavaScript hook, it also...
App-Level Hooks
globalThe global hook at the app level allows developers to write reusable functions. For example, these functions can be used in column renderers.ParametersNoneReturn valueNoneExamplesNOTES It is not possible to add event listeners to dynamically added elements. In...
Getting started with hooks
Writing hooks is a new premium feature that allows developers to customize the plugin's behavior at specific, predefined spots. Hooks can be written using vanilla JavaScript or jQuery.Currently, hooks are only available through the HOOKS menu tab in the Table Builder....
Palette
The Palette setting is where you can change your app's color theme. To access this setting, open the Table Builder/Form Builder > THEME > Palette. Light Mode/Dark Mode: This changes the background of your app to either light or dark. Default color palette: When...
Fonts
You can use custom fonts in your app to match your website's branding. To access this setting, open the Table Builder/Form Builder > THEME > Fonts. By default, the font type and size of the web page are inherited, ensuring a uniform layout across both back-end...
Layout
The layout option adds more settings to enhance the overall look of your app. To access this setting, open the Table Builder/Form Builder > THEME > Layout.Table Builder The layout option in the Table Builder has the Elevation setting which adds a shadow to app...
Grid Positioning
Grid positioning is where you can refine a column's layout within the form. You can access this setting by opening the Form Builder > COLUMNS > navigate to a column > click on Grid Positioning.Grid Cells The number of grid cells used by a column field can be...
Column Metadata
The Column Metadata section in the Form Builder contains the same information you'll see for the column in the Table Builder. This is where you can find information about how your column is stored in the database. You can find this section in the Form Builder by going...
Recent Comments