Skip to main content
P
18-Opal
pshashipreetham18-Opal
18-Opal
February 18, 2022
Solved

White Border on the Button

  • February 18, 2022
  • 1 reply
  • 3326 views

Thingworx Version: 9.3
When ever the Mashup is opened as PopUp on a button click, there is white border on the button (button on the opened Mashup).
DeepinScreenshot_select-area_20220218212433.png
Thanks,
Shashi

Best answer by PEHOWE

Hello @pshashipreetham

 

I believe the issue you are seeing is the focus. Have you reviewed  Article - CS324593 - ThingwWorx Web Components customization with Visual SDK CSS

You will find the following section:

  • Remove Focus box from UI items

ptcs-focus-overlay {

  visibility: hidden;

}

 

.ptcs-wrapper:not([no-wc-style]):focus:not(.dummy):not(.dummy):not(.dummy) {

    box-shadow: none;

}

 

Hope that helps.

Peter

1 reply

P
PEHOWE17-PeridotAnswer
17-Peridot
February 21, 2022

Hello @pshashipreetham

 

I believe the issue you are seeing is the focus. Have you reviewed  Article - CS324593 - ThingwWorx Web Components customization with Visual SDK CSS

You will find the following section:

  • Remove Focus box from UI items

ptcs-focus-overlay {

  visibility: hidden;

}

 

.ptcs-wrapper:not([no-wc-style]):focus:not(.dummy):not(.dummy):not(.dummy) {

    box-shadow: none;

}

 

Hope that helps.

Peter

    P
    18-Opal
    pshashipreetham18-OpalAuthor
    18-Opal
    October 12, 2022

    Hey Hi @PEHOWE,

    Is there a way to write a CUSTOM CSS for a ptcs-button when it is disabled? When the button is disabled, its background color should be none or something like that. I was not able to find or code the proper CSS for it. Can you please help me out over here?

    Thanks,

    P
    PEHOWE17-Peridot
    17-Peridot
    October 14, 2022

    Hello @pshashipreetham,

    I am not sure I understand your question. The Style Theme being used has a definition for disabled buttons.
    Can you provide more information on your goal.


    Thanks

    Terms & ConditionsCookie settingsAccessibility statement