Edit Form Styling

[csnet]

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:

Styling the label to the left with same width

FieldStyling.PNG (7.15 KiB) Viewed 3070 times

FieldStyling.PNG (12.47 KiB) Viewed 3070 times

Is there a CSS class that gives access to the input fields Labels?

[massiws]

csnet, something like this:

Code: Select all

function nuLoadEdit() {
  $( "div[id|='title_']" ).css( "text-align", "left" );
}

[nuGent]

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.

[admin]

nuGent,

I think massiws's suggestion is a good one.

Steven

[massiws]

nuGent,
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"
  });
}

Max

[csnet]

Thanks massiw, your code is working perfectly.

[massiws]

.