Skip to content

Custom Column Table Widget

Custom column table widget123: This video contains how to use Custom column table widget.

Custom column table widget [Add example of image]

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

  1. Login into AIV.
  2. Make Dashboard to add table widget, to make dashboard click on Plus icon (+) from Dashboard section, as shown I figure below:

Image

  1. Insert name & click on create button, as shown in the figure below:

Image

  1. You’ll reach an empty dashboard, now click on the Table widget icon from the left Vertical Menu bar, as shown in the figure below:

Image

  1. Add the following details to Table widget:
  • Name: sales
  • Datasets(ds): Select sales.ds

Image

  1. Click on select all field icon from the Dataset columns, as shown in the figure below:

Image

  1. All available columns will appear in the selected columns box, after selecting all fields, as shown in the figure below:

Image

  1. Click on the Custom columns button, as shown in the figure below:

Image

  1. After clicking on custom column, you’ll reach to Custom Columns dialog-box in AIV, as shown in the figure below:

Image

  1. Click on Add New button.
  2. As you click on Add New button, it will pop the controls in the dialog box, as shown in figure below:

Image

  1. Insert the following details:123
  • Name: country

  • Display Name: country

  • Map for widget link column: Select country

  • All Column: Select country

  • Condition: Select country

  • Value: Insert USA [as per value the image will be applied on USA fields only]

Image

  1. Click on the open code layout icon to add code, as shown in figure below:

Image

  1. it will show the code panel and type select dropdown as shown in the figure below:

Image

  1. Select Image from the Type dropdown, as shown in the figure below:

Image

  1. Select usa.png from the Use Image dropdown. Note: User can use any of the available images from the dropdown, User can import their required images in AIV and use them here also.

Image

  1. Click on the save button, then click on add button to add the custom column to the table widget.
  2. Now click on the save and exit button from the table widget, then go to the preview side, you’ll see the USA country flag in the custom column.

Image

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

✒️ 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