Hi,
1. I have been trying to style the input Fields so that all labels be aligned left and have same size, while the input fields stays aligned with the same width(The field width is easy by using the width property of the Object).
I have attached a picture showing what I need to achieve:
Is there a CSS class that gives access to the input fields Labels?
Welcome to the nuBuilder forums!
Please register and login to view forums and other content only available to registered users.
Please register and login to view forums and other content only available to registered users.
Edit Form Styling
-
- Posts: 503
- Joined: Thu May 24, 2012 2:08 am
- Location: Milan, Italy
- Contact:
Re: Edit Form Styling
csnet, something like this:
Code: Select all
function nuLoadEdit() {
$( "div[id|='title_']" ).css( "text-align", "left" );
}
-
- Posts: 11
- Joined: Sat Jan 18, 2014 1:26 pm
Re: Edit Form Styling
I also came across the problem of not being able to align controls by manually editing their position in the objects table (ie make all textboxes left align at 100px). It seems that the object's label is controlling each object's position rather than the label and the control having their own 'left' property. So if you start dragging things around on a form you can not easily reset the position values for the controls.
-
- Posts: 503
- Joined: Thu May 24, 2012 2:08 am
- Location: Milan, Italy
- Contact:
Re: Edit Form Styling
nuGent,
with few lines of jQuery nuBuilder can be customized like you want.
Insert this in Javascript tab of your form:
Max
with few lines of jQuery nuBuilder can be customized like you want.
Insert this in Javascript tab of your form:
Code: Select all
function nuLoadEdit() {
$( "div[id^='title_']" ).css({
"text-align": "left",
"width": "100px"
});
}
-
- Posts: 11
- Joined: Wed Sep 29, 2010 8:13 pm
-
- Posts: 503
- Joined: Thu May 24, 2012 2:08 am
- Location: Milan, Italy
- Contact: