Facing issue in removing border in checkbox widget

[AC_10460579]

Facing issue in removing border in checkbox widget in thingworx 9.4

[ShirishMorkhade]

Hi @AC_10460579 ,

Either you must be using OOTB style theme or there must be a custom one. Go to the Style Theme that is being used in your application and do the below highlighted changes. 

Thanks,

Shirish

[PEHOWE · Accepted solution]

@AC_10460579 ,

I asked one of the experts and I got a solution which should work for ThingWorx 9.4.0.

ptcs-checkbox {
  --ptcs-focus-overlay--border-style: none; 
}

Please give this a try in the Custome CSS tab. You will need to disable the "linting" in the editor to save the update.

Let me know how it works for you.
Pehowe

[NJ_10144761]

Hi @PEHOWE 

not working in thingworx version 9.6

can you suggest something on this 

[PEHOWE]

Hello @NJ_10144761 ,
Please review Configuring Mashup Properties in the entry for "LegacyFocus"
If you have this check box unchecked the CSS you have should function as you expect.
Because there may be differences in presentation, What is the environment where you are not getting the look you desire? 

Please review Article - CS439465 - ThingWorx Web Components Customization with CSS

In the screen capture, "Linting" is checked. You can not save the CSS with errors. Please turn off this feature. You will then be able to save the CSS update.

Let me know 

Pehowe

[NJ_10144761]

Thank you @PEHOWE, I have unchecked the "LegacyFocus", and now it is working good.

[PEHOWE]

Hello @AC_10460579 , 
With the change in version there has been updates to the UI. 
One of the changes was the addition of a new control for the definition of the Mashup. Please review the properties on the mashup. Look for the LegacyFocus. (See screen Capture)

If this property is unchecked. the original CSS should work.

ptcs-checkbox {
 --ptcs-focus-overlay--border-style: none; 
}

Please let me know

Regards,
Pehowe