Hello.
I would like to set the label for a form field.
I'd like to create this.
code
<div data-role="fieldcontain">
<label for="company">Company Name:</label>
<input type="text" id="company" name="company">
</div>
/code
I haven't found how to set the "label" component.
Thanks.
Hi Andrés,
You should use Grid component.
But that creates this:
code
<div name="mobilelabel1_37" id="j_51" dsid="mobilelabel1_37" data-role="appery_label" class='labelClass mobilelabel10 '>
/code
And I suppose that it doesn't change automatically from up to left of the form input when I load the app in an iPad, does it?
Hello! There is no Label you need in Appery.io builder, but you can use JS to change that.
1) Add Label from Components panel
2) Through More properties add attribute "for" and add Input name you want to bind that label
3) On page Show run the following code:
codefunction changeToLabel(labelName) {
var div = $("div[dsid=" + labelName + "]");
if (div.length > 0) {
div = div.eq(0);
var label = $('<label>');
label.text(div.text());
var forAttr = div.attr("for");
label.attr("for", Appery(forAttr).attr("id"));
label.insertBefore(div);
div.remove();
}
}
changeToLabel("mobilelabelName");/code
If you want to change label on several screens you can create separate JS asset.