64
Views
3
Comments
Solved
How to add colors and tag in data grid
Question
Application Type
Reactive

Hi Team,

I would like to know how to add colors and tag in the data grid 

Thanks,

Akash Gunupudi.

Solution

Hello @Akash Gunupudi 

You have to add a class in the variable and call the column in grid

Fallow the below steps to show tags in grid


1) create a structure with required columns

2) Bound the aggregate output to your variable list (structure)

Note: while binding add the class to the required column

3) Then call the ArrangeData with the same variable (structure) list

4) Get the JSON output with required column and bound to Grid source

5) Add the columns to Grid manually and bind the headers

Output:

Regards,

Vinod

Hello Akash Gunupudi,
Do you have that status defined, for example in a static entity? Or a Boolean ( in case you have only two cases).

If yes, you could consider created classes for each status, like this one, for example (you can also add the color of the text and personalize it as you wish): 

So, a possibility is to have the tag on a web block, where you pass as input parameter the status you have defined. 

Or you can even have a more general one, like this one: 

To conclude, there is a lot of different ways of doing this, it depends on your case. Take this screenshots as example only :) After that you just need to call it on your datagrid and pass the inputs :) 
Best regards, 

Ana

Solution

Hello @Akash Gunupudi 

You have to add a class in the variable and call the column in grid

Fallow the below steps to show tags in grid


1) create a structure with required columns

2) Bound the aggregate output to your variable list (structure)

Note: while binding add the class to the required column

3) Then call the ArrangeData with the same variable (structure) list

4) Get the JSON output with required column and bound to Grid source

5) Add the columns to Grid manually and bind the headers

Output:

Regards,

Vinod

please share oml

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.