Card Widget

You can add and edit different types of content in your Card widget. Below are the properties available to design Card Widget.

Confirm Widget Properties

It is used to set the properties of the widget in terms of Header, Body and Layout.

Header

  1. Widget Position in Mobile: It determines the order of widget in a mobile device.

  2. Show Refresh Icon: It is used to show or hide the widget refresh icon. The icon can be viewed in the preview while designing.

  3. Show Header: It is used to show or hide the widget header.

  4. Background Color: It is used to change the header background color.

Body

  1. Primary Text: This allows you to format the primary text for the content.

  2. Secondary Text: This allows you to format the secondary text for the content.

  3. Background Color: It is used to change the body background color. This color should be different from the body text color.

Layout

  1. Select Card View: You can select the type of view to display for the card. You can define the image and text area in terms of percentage.

  2. Auto Scrolling: You can show or hide the auto scrolling.

  3. Delay: You can set the length of the delay in transition (in seconds, 1-99)

Select Widget Content

The content of the widget is selected here. The content can be Tasks, Templates, Drafts, Links, Reports, or Data Connections. When you select a widget content and click on continue, Configure Widget Properties page opens.

Task

You can add tasks to your card. The following properties can be seen in Configure Widget Properties for Tasks Widget Content:

  1. Upload Image: You can select the image to be displayed against each item in the widget using upload Image.

  2. Select the Primary Field: This drop down provides you options for the column that you want to make primary.

  3. Select the Secondary Field: This drop down provides you options for the column that you want to make secondary.

  4. Default Sort By: You can select the column that needs to be sorted using this dropdown. By default, it is in ascending order, the order can be changed by clicking on the arrow next to Default Sort By

  5. Pagination Mode: This provides information on how the pagination for list will be done, it can be set to none for no pagination or Client or Server to show the provided number of records per page.

  6. Records Count: This provides information on the total number of records fetched from the server.

Templates

You can add templates to your card widget. The following properties can be seen in Configure Widget Properties for Templates Widget Content

  1. Select the Primary Field: This drop down provides you options for the column that you want to make primary.

  2. Select the Secondary Field: This drop down provides you options for the column that you want to make secondary.

You can see the available templates to current user when you click on continue. You can then select the desired templates in the Select Template section and can edit them in Manage Form section.

Select Forms

You can select any desired templates from the available apps to the current user. You can also search for a template by name using search form.

Manage Forms

You can edit the selected templates in the manage form section. Add title and description of the template, you can also add an icon to appear in front of the template.

Drafts

You can add drafts to your card. The following properties can be seen in Configure Widget Properties for Tasks Widget Content:

  1. Upload Image: You can select the image to be displayed against each item in the widget using upload Image.

  2. Select the Primary Field: This drop down provides you options for the column that you want to make primary.

  3. Select the Secondary Field: This drop down provides you options for the column that you want to make secondary.

  4. Default Sort By: You can select the column that needs to be sorted using this dropdown. By default, it is in ascending order, the order can be changed by clicking on the arrow next to Default Sort By.

  5. Pagination Mode: This provides information on how the pagination for list will be done, it can be set to none for no pagination or Client or Server to show the provided number of records per page.

  6. Records Count: This provides information on the total number of records fetched from the server.

Links

You can add links to your card widget. The following properties can be seen in Configure Widget Properties for Links Widget Content

  1. Select the Primary Field: This drop down provides you options for the column that you want to make primary.

  2. Select the Secondary Field: This drop down provides you options for the column that you want to make secondary.

You can manage links when you click on Continue on Configure Widget Properties. On Manage Links you can search for links, select multiple links and set order of appearance of the links to be added.

Reports

You can add and view data from reports to your card widget. The following properties can be seen in Configure Widget Properties for Reports Widget Content

  1. Select the Report: This dropdown provides you the reports available to be added.

  2. Upload Image: You can select an image to be displayed against each item in the widget.

  3. Select the Primary Field: This drop down provides you options for the column that you want to make primary.

  4. Select the Secondary Field: This drop down provides you options for the column that you want to make secondary.

  5. Pagination Mode: This provides information on how the pagination will be done, it can be set to none for no pagination or Client or Server to show the provided number of records per page.

  6. Records Count: This provides information on the total number of records fetched from the server.

Data Connections

You can add data connections to your card widget. The following properties can be seen in Configure Widget Properties for Data Connections Widget Content

  1. Select the Data Connection: This dropdown provides you options for available data connections.

  2. Select the field which includes an image URL, or leave the field empty and browse a static image: You can select the desired image from the dropdown (the data connection added should have a column containing the image url). This is the option to show different images for the different entries.

  3. Upload Image: You can select the image to be displayed against each item in the widget using upload Image.

  4. Select the Primary Field: This drop down provides you options for the column that you want to make primary.

  5. Select the Secondary Field: This drop down provides you options for the column that you want to make secondary.

  6. Default Sort By: you can select the column that needs to be sorted from this drop down. By default, it is in ascending order, the order can be changed by clicking on the arrow next to Default Sort By

  7. Pagination Mode: This provides information on how the pagination will be done, it can be set to none for no pagination or Client or Server to show the provided number of records per page.

  8. Records Count: This provides information on the total number of records fetched from the server.

Manage Events

You can add and manage events in this section. The added events are shown in a table. They can be displayed either as icons or as drop down items. Following fields need to be provided in Event Configuration page to add an event

  1. Name: Provide the name for the event.

  2. Description: Provide the description for the event.

  3. Upload an image: You can upload an image to be displayed using upload image. Click on browse, Manage Image page appears. Select the image or click on Add to add the image

  4. Set as Default Event: To make your event default when you click on the widget, set this on. This replaces any previously set Default-event for this widget.

When you click on Continue, Event Configuration page appears. Here the action can be added and saved for the event. For actions to appear in the Select Action drop down, go to Contents → Actions → Settings → Manage Actions.

Delete

You can delete the card added on the grid using delete.