Element Configurations
      Back to home
      1. Apps
      2. Building Live App Pages
      3. Element Configurations

      Adding Inline Editing to Tables

      Inline editing allows users to modify record values directly within Table elements without navigating to separate forms, streamlining the data update process and improving workflow efficiency.

      What You'll Learn

      • How to enable and configure inline editing
      • Ways to manage field-specific editing permissions
      • Methods for handling non-editable fields
      • Techniques for optimizing inline editing workflow
      • Best practices for user experience
      • Solutions for common inline editing challenges

      Prerequisites

      • Basic understanding of database structure
      • Familiarity with Table elements
      • Knowledge of field types and properties
      • Understanding of page navigation

      Implementation Steps

      1. Enable Inline Editing

      1. Navigate to Pages section
      2. Select page containing your Table
      3. Open Table settings
      4. Locate Settings section
      5. Check "Inline editing" option

      2. Configure Field Behavior

      Editable Fields

      • Text fields
      • Number fields
      • Date fields
      • Choice fields
      • Connection fields (with restrictions)

      Managing Edit Permissions

      1. Hover over column header
      2. Click edit (pen) icon
      3. Access Column Properties
      4. Set "Allow Inline Editing" option

      Field Type Restrictions

      Non-Editable Fields

      • Auto-increment fields
      • Formula fields
      • Equation fields
      • Text formula fields
      • Fields with conditional rules

      Note: These restrictions are system-enforced and cannot be overridden.

      User Experience

      Visual Indicators

      • Editable fields highlight on hover
      • Click to activate edit mode
      • Pop-up editor for value modification
      • Clear save/cancel actions

      Interaction Flow

      1. User hovers over editable field
      2. Field highlights to indicate editability
      3. Click activates inline editor
      4. Make changes in pop-up
      5. Save or cancel modification

      Best Practices

      Design Guidelines

      • Maintain consistent editing behavior
      • Provide clear visual feedback
      • Consider mobile interactions
      • Optimize field arrangement

      Implementation Tips

      • Enable editing selectively
      • Group editable fields logically
      • Consider workflow efficiency
      • Test user scenarios

      Configuration Examples

      Basic Setup

       
      1. Customer Information Table
      * Enable editing for:
      - Contact details
      - Address information
      - Preferences
      * Disable editing for:
      - Customer ID
      - Account creation date
      - Calculated fields

      Advanced Configuration

       
      1. Inventory Management
      * Selective editing for:
      - Stock levels
      - Product status
      * Automated fields:
      - Last update timestamp
      - Inventory calculations

      Troubleshooting

      Common Issues

      • Field not showing as editable
      • Changes not saving
      • Unexpected field behavior
      • Mobile display problems

      Solutions

      • Verify field type compatibility
      • Check permission settings
      • Review conditional rules
      • Test responsive behavior

      Related Resources

      • [Table Element Guide]
      • [Field Type Documentation]
      • [Permission Settings]
      • [Mobile Configuration]

      Tip: Plan your inline editing implementation based on user workflow needs rather than enabling it for all fields by default.