Skip to content
AIV

Custom column table widget

From this document you will learn how to add image in column of table widgets using custom column.

This video contains how to use Custom column table widget.

Custom Column Table Widget:

  1. Log in to AIV.

  2. Create a Dashboard to add a table widget.

    • Click on the Plus icon (+) in the Dashboard section, as shown below.
    • Enter a name and click on the Create button, as shown below:

Image Image

  1. You will be directed to an empty dashboard.
    • Click on the Table Widget icon from the left vertical menu bar, as shown below.
    • Add the following details to the Table Widget:
      • Name: sales
      • Datasets (ds): Select sales.ds

Image Image

  1. Select all fields from the Dataset columns.
    • Click on the “Select All” field icon from the Dataset columns, as shown below.
    • All available columns will appear in the “Selected Columns” box.

Image

  1. Customize the columns.
    • Click on the “Custom Columns” button, as shown below.
    • Click on the “Add New” button in the Custom Columns dialog box.

Image Image

  1. Enter custom column details:
    • Name: country
    • Display Name: country
    • Map for Widget Link Column: Select country
    • All Column: Select country
    • Condition: Equal to
    • Value: Insert USA [This value will apply the image to USA fields only]
    • Click on the “Open Code Layout” icon to add code.

Image

  1. Add the custom column code:
    • The code panel and type select dropdown will appear.
    • Select “Image” from the Type dropdown.
    • Select “usa.png” from the “Use Image” dropdown.
    • Note: You can use any available image from the dropdown. Users can also import required images into AIV and use them here.

Image

  1. Save and preview the custom column:
    • Click on the Save button, then click on the Add button to add the custom column to the table widget.
    • Click on the Save and Exit button from the table widget, then go to the publish section. You will see the USA country flag in the custom column.

Image

To know more about table widget features click on below links:-

Create Table
Advance Tab
Formatting Tab
Theme Tab
Event Tab
Annotation Tab
Widget Setting Tab

To know more about advance feature of Table Widget click on below links:-

Custom Column Table Hyperlink
Custom Column Table Widget Icon
Custom Column MicroChart
Custom Column Table Widget
Skip Widget Event Filtering