Wiki

Scale Your Enterprise

User Tools

Site Tools

mbstring extension must be loaded in order to run mPDF

versago3:gridview_editinginline

This is an old revision of the document!


Inline Editing, Adding, and Deleting Records in Grid View

Overview

We are excited to introduce a new feature that enables inline editing, adding, and deleting records directly within the grid view in form details. This enhancement streamlines data management, allowing users to edit, add, and delete records more efficiently.

image44.jpeg

Inline Editing

Users can now edit records directly within the grid using an intuitive inline editing interface.

Start Editing

  1. Double-click on any record in the grid to enable edit mode for that row.

Navigate Cells

  1. Use the Tab key on your keyboard to navigate to the next cell/column within the row.
  2. Press Shift + Tab to move to the previous cell/column.

Advance to the Next Row

  1. When the focus is on the last cell of a row, pressing the Tab key will automatically move focus to the next row.
  2. If no additional rows exist, a blank row will be added, allowing users to create a new record seamlessly.

Example: The screenshot shows a grid with columns such as CustID, Product name, Price, and others. Users can double-click any cell, such as Price, to modify the value and use the Tab key to move to adjacent columns.

Changes made to the grid are not saved until the form is explicitly saved by the user.

image44.jpeg

Adding New Records

Users can now add new records easily within the grid.

Add Button

  1. Click the Add button in the grid header to add a new row. This action automatically puts the grid in add mode.

Tab from the Last Row

  1. When the last record in the grid is in edit mode, pressing the Tab key from the last cell will automatically add a new row and put the grid in add mode.

Example: In the grid view, clicking the Add button will insert a blank row at the bottom, allowing users to input new record details directly.

image44.jpeg

Deleting Records

Users can now delete one or more records directly from the grid.

Steps to Delete Records

Select Rows

  1. Click to select a single row.
  2. Individually select multiple rows for a multi delete operations.
  3. The use of Ctrl + Click (Windows) or Cmd + Click (Mac) to select multiple rows will not work.
  4. The use of Shift + Click to select a range of rows will not work.

Delete Records

  1. Click the Delete icon located in the grid header (visible in the screenshot).

Deleted records are removed from the grid immediately, but changes are not persisted until the form is saved.

image44.jpeg

Sorting Columns

Users can now sort the grid columns for easier data organization.

Steps to Sort Columns

Sort Ascending or Descending

  1. Click on a column header to sort the data in ascending order.
  2. Click he same column header again to sort the data in descending order.

image44.jpeg

Save Changes

All edits, additions, and deletions made within the grid are temporary until the form is saved. Ensure you click the Save button to persist changes to the database. Best Practices - Double-check changes before saving to avoid accidental edits or deletions. - When adding or editing, click Update to commit your changes before saving the form. - Frequently save your progress when making extensive updates. Troubleshooting - Editable fields not responding?

  1. Ensure you have double-clicked the cell to activate edit mode.

- Tab key not advancing rows?

  1. Verify that you are on the last cell of the row before pressing Tab.

- Records not saving?

  1. Confirm you have clicked the Save button after making changes.
versago3/gridview_editinginline.1742558567.txt.gz · Last modified: 2025/03/21 08:02 by dtucker