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

Community Tip - You can change your system assigned username to something more personal in your community settings. 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,
Email: psp316r@outlook.com,
Mobile: +91 8099838001.
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

Announcements


Top Tags