Grid Maker Features
- Grid Maker Runs in all modern browsers using HTML 5.0, CSS and JavaScript
- User can easily configure column types
- Provides different component controls (Checkbox, Date, Dropdown, Textbox etc)
- Field Validation at cell level (e-Mail, Phone No, Date etc)
- Easily insert data into database using JavaScript calls/functions
- Easily embed into other applications
- Easy to design and deploy
- No Coding knowledge required
- Generate Custom Menu actions for selected rows
- No Additional software needed to install to run the application
- Low code/No Coding platform
Main Features of the Grid Maker
- Column wise definition
- Multi-level header
- Grid State/Menu control
- Grid Properties
- Multi-level sorting
- Chart definition
- Style of view etc.
Configuration of Field Controls
Browse the HTML table and Configure
Field control contains the following features- Column ID: Non editable
- Column Name: Non-Editable
- Alias Name: Field display name
- Expression: Drop down options as semicolon separated
- HTML Control: Controls like Textbox, Date, Dropdown, Checkbox and Chart
- Column Length: Width of the column
- Column Type: Type of data
- Validation control: Type of validation to be applied like date, e-mail, phone no etc.
- Search: Search to be applied/not
- Back Color: Column wise background color
Configuration of Menu Actions
- Menu item can be enabled based on user input (checked) defined above.
- Based on menu item selected API calls can be made for the row/rows of data.
Grid Properties/Styling:
Grid Properties for the following
- Grid Width
- Grid Height
- No of column to be fixed
- Header font size
- Header Back Color
- Header Fore Color
- Row Font size
- Row Back color
- Row Fore Color
- Alternate Row Font Size
- Alternate Row Back Color
- Alternate Row Fore Color
- Table Styles
Chart Types
- Column Charts
- Bar Charts
- Line Charts
- Pie Charts
- Radar Charts
- Scatter Charts
- Area Charts
- Wing Charts
- Pyramid Charts
- Motion Charts
- Other Charts
- Timeline Charts
- Guage Charts
Inline Chart Configuration:
- Select HTML Control as Chart
- Change Column Length to null
- Drag and drop fields as X-Axis & Y-Axis in Popup window
- Select Chart Type
- Close the Popup window to save definition
Preview of Editable Grid along with Chart
API Calls for the selected menu item
