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

How can I add Custom CSS to Label Widget

psp316r
13-Aquamarine

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

1 ACCEPTED SOLUTION

Accepted Solutions
yhan
17-Peridot
(To:psp316r)

Hi @psp316r,

 

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
yhan
17-Peridot
(To:psp316r)

Hi @psp316r,

 

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

Announcements