Setting Heights and Widths

Questions
1

I tried to research this but couldn’t find an answer…

how can I set the height and width of buttons etc. to be the same whenever I use one?

By that I mean, I can’t set those in the style guide. I’m not sure why. Maybe I’m overlooking something.

Also, I would like to set the height of Inputs, but also can’t do that in the style guide.

Is there an easier way than to create reusable elements for each one?

It seems I should be able to set these dimensions in the style guide. Maybe there’s a reason I can’t.

It would be easier than setting them for all the inputs and buttons etc. each time.

Added: Also, when working in the Style Guide, and placing conditionals, when I want to add another after about 3 conditionals or so, the dropdown does not scroll to see all the options to be used with conditionals. I need to move the conditional up higher with the ‘move up’ button to be able to see the list. This doesn’t seem right.

1 Like
2

One way to make all buttons the same size is to set a fixed height and width. But you can’t really adjust this in the style guide. But if you set a fixed value and the button’s content (text) is larger than the value, it will wrap the text and that’s not a good experience.

1 Like
3

Thank you for your reply.

But, I was looking for a solution to set them up with a style for width and height without having to set each button, input, etc.

For the inputs, I have about 75 or so different input fields spread out over the site.

I always try and use the style guide so if I need to make a change I can do it all in one easy location.

I know I can use code to set all these, but thought there had to be an easier ‘out of the box’ Bubble way.

4

Yes, I agree with you. If the style guide had the option to set height and width, it would be very useful. Setting these values ​​individually for each element, when have many like yours, really becomes very complited.

1 Like
5

It would be so much easier if it was a native feature.

There may be a reason it isn’t?

For now, I guess I’ll just use responsive code to achieve this.

Thanks again for your feedback.