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

Community Tip - Have a PTC product question you need answered fast? Chances are someone has asked it before. Learn about the community search. X

How can I add Custom CSS to Label Widget

pshashipreetham
17-Peridot

How can I add Custom CSS to Label Widget

I want to add the CUSTOM CSS to Label to get Label Widget Border as RED and Thickness of 4px

Shashi Preetham
1 ACCEPTED SOLUTION

Accepted Solutions

Hi @pshashipreetham,

 

You can try below CSS configuration:

.dataLabel {
background-color : #<label block background color>;
font-weight : bold;
border-color: #<label border color>;
border-style: Solid;
border-width: 4px;
}

dataLabel .input-label {
color: #<label text color>;
}
.dataLabel input {
color: #<text inside  color>;
} 

About how to implement custom CSS in Thingworx, please refer to TWX help center or community.

 

Thanks,

/Yoyo

View solution in original post

1 REPLY 1

Hi @pshashipreetham,

 

You can try below CSS configuration:

.dataLabel {
background-color : #<label block background color>;
font-weight : bold;
border-color: #<label border color>;
border-style: Solid;
border-width: 4px;
}

dataLabel .input-label {
color: #<label text color>;
}
.dataLabel input {
color: #<text inside  color>;
} 

About how to implement custom CSS in Thingworx, please refer to TWX help center or community.

 

Thanks,

/Yoyo

Top Tags