BSS is fairly new to me so forgive me if I’m doing something wrong here.
So, in a nutshell, I’m trying to create a component exactly like the Input Control but remove the span section and adds <label class="input-group-text">
.
Why do I want this? Because clicking on the <label>
sets focus on the text control, but <span>
won’t.Is this possible?
When I drop a Form component, then an Input Group component, it generates a span for the label and an input type ‘text’.
<span class="form-label input-group-text">Addon</span>
And the class is locked.
If I drop a Field Label on the form, it’s locked class is also “form-label input-group-text”. The problem is that the label is shorter in height than the input text. Eliminating form-label would fix the problem but the only way I can see to do that is to make it custom code which does away with the BSS gui.
What I want is:
<label class="input-group-text">
← Note: no form-label
Then I’ll add the ‘for=name’ key/value where ‘name’ is the id of the text input control to focus.