Templating

Dynamic templates for custom rendering of fields, cards, and UI sections.

Screenshot Reference (User Manuals)

• manual__templating__01.png: table template configuration (grid/form/detail) in the metadata editor.
• manual__templating__02.png: conditional template example on grid.
• manual__templating__03.png: column template example and runtime rendering.

Table Metadata (Global Templates)

Description:

define the general layout of list/form/detail views and conditional row-level variants.

• md_gridview_template: main list/grid view template.
• md_rowTemplate: grid row template (complete row layout).
• md_filter_template: filter area template.
• md_edit_template: edit form template.
• md_detail_template: detail/read-only form template.
• md_treeview_template: tree view specific template.
• md_ui_grid_conditional_template: alternative class/template for row.
• md_ui_grid_conditional_alt_template: alternative variant.
• md_ui_grid_conditional_template_condition: JS condition that decides which template/class to apply.

Snippet (table example):

• md_gridview_template = "<div class='my-grid'>...</div>"
• md_rowTemplate = "<div class='row-flex'>...</div>"
• md_ui_grid_conditional_template = "row-warning"
• md_ui_grid_conditional_alt_template = "row-ok"
• md_ui_grid_conditional_template_condition = "record.total > 1000"

Column Metadata (Point Templates)

Description:

allow customizing the individual cell without replacing the entire table template.

• mc_ui_grid_column_data_template: column cell template in list/grid.
• mc_ui_grid_conditional_template_class: CSS class applied to the cell in conditional case.
• mc_ui_grid_conditional_alt_template_class: alternative class.
• mc_ui_grid_conditional_template_condition: JS condition to choose cell class/template.

Snippet (column example):

• mc_ui_grid_column_data_template = "<span class='badge'>{{record.status}}</span>"
• mc_ui_grid_conditional_template_class = "cell-danger"
• mc_ui_grid_conditional_alt_template_class = "cell-normal"
• mc_ui_grid_conditional_template_condition = "record.status === 'ERROR'"

How They Combine

• First the table template is applied (general grid/form/detail structure).
• Then each column can override the individual cell rendering with mc_ui_grid_column_data_template.
• Table/column conditions allow dynamic rendering based on the current record.
• In the absence of custom templates, the framework uses the standard renderers for each field type.

Operational Notes

• For complex grid layouts, use md_rowTemplate + column template only where needed.
• For complete custom edit/detail, centralize in md_edit_template and md_detail_template.
• Use simple and readable conditions in *_conditional_* fields to avoid regressions.

Result:

• gradual customization (table first, then column);
• greater visual control while maintaining metadata-driven compatibility.