Welcome to the nuBuilder Forums!

Register and log in to access exclusive forums and content available only to registered users.

Input element label placement Topic is solved

Questions related to using nuBuilder Forte.
Post Reply
mih
Posts: 30
Joined: Thu Jan 26, 2023 12:04 pm
Has thanked: 3 times

Input element label placement

Unread post by mih »

Hello!

Is there any method to detach input element label from the element and place the label above element or left element without label?
Last edited by mih on Mon Mar 06, 2023 5:42 pm, edited 1 time in total.
kev1n
nuBuilder Team
Posts: 4292
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 times
Contact:

Re: Input element lable placement

Unread post by kev1n »

Hi,

This code moves the label associated with the field (with id cus_name) to the top of the input field, instead of being positioned to the left of the field

Code: Select all

$('#cus_name').nuLabelOnTop();
More examples can be found in the Code Library.
mih
Posts: 30
Joined: Thu Jan 26, 2023 12:04 pm
Has thanked: 3 times

Re: Input element lable placement

Unread post by mih »

Ah! I looked for this in visual editor and missed this function.
And how to remove (hide) label?
kev1n
nuBuilder Team
Posts: 4292
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 444 times
Contact:

Re: Input element lable placement

Unread post by kev1n »

To remove the label

Code: Select all

$('#label_cus_name').remove();

To hide the label

Code: Select all

$('#label_cus_name').hide();
Post Reply