cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - If community subscription notifications are filling up your inbox you can set up a daily digest and get all your notifications in a single email. X

How to apply custom CSS on highlighted part (Oval-container) in data filter, which I mention below?

Hrishab108
7-Bedrock

How to apply custom CSS on highlighted part (Oval-container) in data filter, which I mention below?

Hrishab108_0-1686328667962.png
                                                                

                                                         
I want to decrease the width of created_dts this container.

 

 

 

 

 

 

6 REPLIES 6

Hi @Hrishab108 

 

Please add below custom CSS code to the mashup and update widget custom css property value with class name

 

 

 

.ovalContainerWidth ptcs-chip-data-filter::part(oval-container)
{
 width : 80px
}

 

 

 

/VR

Hi @Velkumar,

Thanks for this.

But This is not Working for me.

BR,
Hrishabh Sharma

Its is working for you?

Hi @Hrishab108 

 

Yes, it is working for me.

 

Sorry there was a typo in my previous code, below is the updated one (filer -> filter)

 

.ovalContainerWidth ptcs-chip-data-filter::part(oval-container)
{
 width : 80px
}

 

With CSS:

Velkumar_0-1686635251608.png 

Velkumar_1-1686635273921.pngVelkumar_2-1686635300183.png

 

Without CSS :

 

Velkumar_3-1686635353099.png

Velkumar_4-1686635406366.png

/VR

 

 

 

Hi, @Velkumar 
Still is not working for me.
I don't know why.

Is it issue of the thingWorx version?

Thanks your time.

BR 
Hrishabh

Hi @Hrishab108 

 

I'm using Thingworx 9.3.3

 

Could you please tell Thingworx version so that I can test it 

 

/VR

Top Tags