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

TWX 9.0 Toggle Button CSS

SOLVED
Highlighted
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
Highlighted

Re: TWX 9.0 Toggle Button CSS

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
Highlighted

Re: TWX 9.0 Toggle Button CSS

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

Highlighted

Re: TWX 9.0 Toggle Button CSS

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

Announcements

Thingworx Navigate content has a new home! Click here to access the new Thingworx Navigate forum!