live resizing of buttons?Browser Info Environment
Does anyone know if this package has the ability for the buttons to resize as a small device comes to the page that contains them?
I am attempting to use a button bar using three buttons, on normal size (I wanted to use large but it was too big) and instead of resizing on small devices it the line breaks and I end up with multiple rows (two buttons on top and one button on the bottom).
I am sorry i am limited to my phone to access the internet at the moment so it is difficult to answer properly.
I should be back online in a day or 2and will be happy to help with this issue.
Thank you for your patience
I finally got my Internet back and can now answer you properly.
The bad news is: buttons are usually not that much responsive on their own, you would have to modify padding, width, and font-size in your Stylesheet using media queries.
For most buttons, the width is determined by the left and right padding as well as length of text and font-size. For square buttons, the width is fixed to be the same as the height.
The GOOD news, however, is I have decided to include a new option to offer some sizing flexibility.
The idea is that after defining different button size as you can do now, you will be able to attach more than one size per button. 1 size will be the default and the other ones will be used at specific screen size (or breakpoints).
So say you define 3 sizes: small, large and xl, you can create a button and say you want it to use the small size for a screen width of 0 to 320px. Then use the large size when the screen size is above 320px and finally use the xl one when the screen size is above 780px. Those numbers are only examples of course.
To make it easy to re-use the values attached to a button, you will be able to set those values in a re-usable theme (as you can already do for colors, shapes...) and simply apply the theme to any button.
Would that system work for you?
Sorry for my delay. Yes, that system would work for me.