Skip to main content
pshashipreetham
pshashipreetham19-Tanzanite
19-Tanzanite
Dec 13, 2022 5:47 AM UTC
Solved

ICON Alignment in Button in Thingworx 9.X

Hello,

is Icon alignment in button is possible? in previous version of Thingworx 8.x, ICON on button can be aligned, but there is no option to align in 9.x.

is there any possibility with CSS or any other workaround?

 

Thanks,

pshashipreetham
pshashipreethamAnswer
19-Tanzanite
Sep 4, 2023 6:46 PM UTC

Hello, 

 

I made a workaround.

  1. Like Buttons and Value Displays have the clicked events. I have placed the Value Display(Transparent with no borders or background ...) and Image on the Top. Click on the Image or Label, and click Event Works.
  2. One most straightforward way is to Have a transparent button on top and z-index the Image on the background.

Thanks,

Shashi Preetham || +91 8099838801 || shashi@psptechhub.com
View in thread

5 replies

CharlesJiCommunity Manager
Support
Dec 13, 2022 7:07 AM UTC

Hi @pshashipreetham 

I believe in ThingWorx 9.x, the icon will align with the label inside the button, which is controlled by LabelAlignment property. You might try it, unless you want to separate the label and the icon.

Translate
pshashipreetham
pshashipreetham19-TanzaniteAuthor
19-Tanzanite
Dec 13, 2022 11:39 AM UTC

Hi @CharlesJi ,

Thanks for quick response, I want Label to be in the Bottom and the ICON on Top, which was possible previous 8.x version, But I can't see it now.

Thanks,

Translate
Shashi Preetham || +91 8099838801 || shashi@psptechhub.com
slangleyCommunity Manager
Support
Dec 14, 2022 7:10 PM UTC

Hi @Shashi_Preetham.

 

You can submit a request for this on the ThingWorx Ideas forum.  Be sure to indicate the version of ThingWorx you're running and details regarding the request.  Which button widget are you using?  Screenshots would be helpful.

 

Regards.

 

--Sharon

Translate
    pshashipreetham
    pshashipreetham19-TanzaniteAuthorAnswer
    19-Tanzanite
    Sep 4, 2023 6:46 PM UTC

    Hello, 

     

    I made a workaround.

    1. Like Buttons and Value Displays have the clicked events. I have placed the Value Display(Transparent with no borders or background ...) and Image on the Top. Click on the Image or Label, and click Event Works.
    2. One most straightforward way is to Have a transparent button on top and z-index the Image on the background.

    Thanks,

    Translate
    Shashi Preetham || +91 8099838801 || shashi@psptechhub.com
    TomerH12-Amethyst
    12-Amethyst
    Feb 6, 2024 11:45 AM UTC

    Try add custom css class with direction: rtl

     

    .rtl {

        direction: rtl;

    }

    Translate
    Terms & ConditionsAccessibility statement