Blog Viewer

HTML Grid Properties Template Field Controls

  

This item is found in multiple S3 file types. Its controls or their order may vary based on the file type.

 

Visible checkbox

  • What it does: Determines whether the user can see the control.
  • How to use it: Click the checkbox to check or uncheck.



Visible Rule

  • What it does: Rule that determines whether the control is visible.
  • How to use it: Enter the rule or select from the list.



Column Visible Rule

  • What it does: Rule that determines whether the column is visible.
  • How to use it: Enter the rule or select from the list.



Custom Attributes

  • What it does: Custom attribute defined by the developer to be rendered on the HTML page.
  • How to use it: Enter the text.



Header Text

  • What it does: Text of the column heading.
  • How to use it: Enter the text.



Header Field

  • What it does: Sets the Header Text based on an entity field value.
  • How to use it: Enter the field.



Sort Expression

  • What it does: Table column that contains the value the grid column expresses.
  • How to use it: Enter the column.
  • Other notes: Automatically populates if you added the control from the entity attributes.



Item Alignment

  • What it does: Alignment of the column value within the column.
  • How to use it: Select from the available alignments.
  • Other notes: Default is NotSet, which is left aligned.



Header Alignment

  • What it does: Alignment of the column header.
  • How to use it: Select from the available alignments.
  • Other notes: Default is NotSet, which is left aligned.



Footer Alignment

  • What it does: Alignment of the column footer.
  • How to use it: Select from the available alignments.
  • Other notes: Default is NotSet, which is left aligned.



Show in ExportToExcel checkbox

  • What it does: Determines the flag to show the column in Export to Excel when Visibility is set to False.
  • How to use it: Click to check or uncheck the checkbox.



Set Footer button

  • What it does: Allows the developer to perform basic operations on the column values (like Sum, Min, Max, etc.
  • How to use it: 
    1. Click the button.
    2. Select Is MVVM checkbox.
    3. Select the operation you want to perform.
    4. Enter the Caption.
    5. Click OK.



Cell Format button

  • What it does: Changes the appearance of the cell containing a specific value.
  • How to use it: 
    1. Click the button.
    2. Select the column that contains the value you want to determine the cell's appearance.
    3. Click the plus icon to add a condition.
    4. Enter the value you want to change the cell's appearance.
    5. Enter the CSS class you want that cell to change to.
    6. Repeat steps 3-5 as many times as desired.
  • Other notes: The CSS class must already be configured in the style sheet.


This post is part of the HTML Forms topic. Click here to open the HTML Forms Overview.

0 comments
29 views

Permalink