The “Data Table Column” element can be used to add a column to the left or right side of the existing data table. This element is very useful when you want to update the data table by adding more data columns. Also, you can only add a data table column to a data table if… Continue reading Data Table Column
Category: Elements
Accordion Header
The “Accordion Header” is a part of the “Accordion” element. The “Accordion Header” is placed on top of the “Accordion” element. It is used to display the thumbnail or label. In the “Accordion Header” element, a thumbnail or label specifies the topic or title of written information or data in the “Accordion” element. Accordion Header… Continue reading Accordion Header
Accordion Card
In the “Accordion” element, the “Accordion Card” element is a big canvas that contains second level of information or a brief description of the topic. While the “Accordion Header” element has the topic name, the “Accordion Card” element contains the description of that topic. If the accordion is used to display different levels of menus,… Continue reading Accordion Card
Stack
The “Stack” element allows you to stack or place several overlapping UI elements. Also, a “Stack” can be used as a parent layout to contain other child layouts. By default, the orientation of the stack layout is “vertical,” which can be changed programmatically. Usage When to use You can use the stack layout to:–> Arrange… Continue reading Stack
Column
The “Column” element aligns multiple other elements vertically. On a page where you want to place and align multiple elements vertically, you can use the column layout. While designing an application, you can use a column as follows: Virtual Column You can use the virtual column to align elements vertically on a page. When you… Continue reading Column
Row
The “Row” element is used to align other elements (For example:- button, image, icon, etc) horizontally. In a page that contains multiple UI (User Interface) items, the “Row” element proves of high importance to align multiple user interfaces horizontally. You use multiple row layouts to align user interfaces horizontally. You can view the “Row” element… Continue reading Row
Accordion
The “Accordion” element is a content area that can be expanded or collapsed. It contains a vertically placed list of items. In the list, the “Accordion” element can have labels or thumbnails. Each item in the list can be expanded or collapsed to display the content associated with that item. Usage When to use –>… Continue reading Accordion
List
This list displays the items vertically by default. You can also configure the vertical list to display the list items in specific order or priority. Usage When to use When not to use In the application, use the vertical list to display the list of products, exclusive items, states of country, etc. Do not use… Continue reading List
Grid List
The “Grid List” is used to display large amount of tabular data. It is a better choice over tables if you want to display the data from multiple columns. The data grid displays the data uniformly if the schemas and sorting are important for comparison. Usage When to use Provide a data grid in the… Continue reading Grid List
Card
A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes. Usage When to use When not to use When you want to provide information about a product, selling items, etc. Do not use it when you want to display the… Continue reading Card