Tag: #Grid

3 articles found with this tag.

Work Samples / MS Teams Design

Grids

MS Teams notifications support structured data through specialized Grid components that translate well into Adaptive Card layouts. Grid Style Options Horizontal Style: Best for comparing multiple records side-by-side or listing record sets. Vertical Style: Best for a detailed view of a single recordโ€™s attributes, optimized for mobile viewing. Configuration Drag the Grid element onto the Adaptive Card canvas. Choose the data table source. Assign columns from the table to the grid. The designer will automatically wrap these into a responsive layout within the card.

Read Article
Work Samples / Email Design

Grids

Grids are used to present data in a structured, tabular format directly within your email. Types of Grids Vertical Grid: Best for displaying a detailed view of a single recordโ€™s attributes. Horizontal Grid: Best for comparing multiple records in a list format. Configuration Selection: Choose the source table for the grid. Column Management: Add or remove columns to control which data fields are displayed. Styling: Customize border colors, header styles, and cell padding.

Read Article
Work Samples / Email Design

Approval Grid

The Approval Grid is a specialized component designed specifically for approval workflows in modules like Service Requests or Change Requests. Features Consolidated Log: Shows the entire history of approvals, rejections, and comments. Single Instance: Only one Approval Grid can be added per notification template. Dynamic Updates: Automatically pulls the latest approval records associated with the transaction. Configuration Drag the Approval Grid from the left panel onto the canvas. Click the Edit (Pencil) icon to toggle visibility for columns like: Approver Name Status Remarks/Comments Action Date

Read Article