How to put a label on the elements identical to this simulation?
I’m not sure what you’re asking for exactly. To put a label on an input field, you just add a text element and position it above the field. Am I missing something to your question?
That’s it @andrewgassen.
But is there a way to do it in just one step? Is there any option in an element that allows automatically create the label?
Is there a way to automatically associate a label without having to put a new element?
For example, in the text MS Access control has a label attached:
Otherwise, it takes a lot of work to create labels for all elements …
The way I usually do it is create a page on my app that serves as my style guide. There, I make all the groups of elements I would want and need, like an input field with a label. I group the two elements together in something called “Default Input.” Then, I just copy and paste whenever I need one.
You don’t get it built in, but the flexibility of not being forced to work within Bubble’s design choices is nice. It is a bit of a tradeoff, and makes things take longer, but you’ll get more control over your design this way. Hope this helps, even if it’s not the answer you were looking for.
4 Likes
Thank you for your help @andrewgassen.
I will do just that way.
Just out of curiosity and to leave a tip for someone interested, I discovered that I can create an animation if I want.
First: hide the text (label).
Second: create (Conditional) > When Input Name is focused > This field is visible.
This topic was automatically closed after 70 days. New replies are no longer allowed.