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

Community Tip - When posting, your subject should be specific and summarize your question. Here are some additional tips on asking a great question. X

TWX 9.0 Toggle Button CSS

bmehringer
12-Amethyst

TWX 9.0 Toggle Button CSS

All - I need some help making a Toggle widget larger to support mobile design. I'm wanting to make the size of the "rectangle" larger and it looks like CSS is the only option.  My problem is that I do not know what to do in the CSS to make this happen.  Any help would be appreciated.

 

Toggle Size needing to make larger. Note, the "Partial" button at the top of the image is about the size of a finger tip on the mobile. I'd like the toggle to be the same size.

bmehringer_0-1601481414721.png

 

Below is some CSS I'm trying. I know little about CSS, so any help is much appreciated.

bmehringer_1-1601481478455.png

 

Also, it's important to note that this is all embedded in a Collection Widget.

 

Thanks for the help.

 

1 ACCEPTED SOLUTION

Accepted Solutions

Toggle button has height and width properties which you can try. They do not change the height and width of the actual button rather they increase the area the widget uses so, if you click anywhere in that area and not explicitly on the toggle button it still works.

View solution in original post

2 REPLIES 2

Toggle button has height and width properties which you can try. They do not change the height and width of the actual button rather they increase the area the widget uses so, if you click anywhere in that area and not explicitly on the toggle button it still works.

slangley
23-Emerald II
(To:bmehringer)

Hi @bmehringer.

 

If you feel your question has been answered, please mark the previous post as the Accepted Solution for the benefit of others with the same question.  In addition, if you would like to submit a suggestion for improvement, you may do so on the ThingWorx Ideas board.  This will allow others to vote for it which will increase it's chances of being considered for a future release.

 

Regards.

 

--Sharon

Top Tags