FormItem showTitle=false

[acarur01]

Currently there is a problem with using showTitle set to false. What ends up happening is the title starts to push up. We've managed to get around this so far by setting title to &nbsp instead of setting showTitle to false but when we have cases where there is one form item per row, there is a gap between the first and the second. Is there any way around this?


showTitle as false:

isc.DynamicForm.create({
    width: 400,numCols:4,titleOrientation: "top",
    fields: [
        { name: "firstName", title: "First name", type: "text",showTitle: false},
        { name: "lastName", title: "Last name", type: "text"}
    ]
});

showTitle as true, title=&nbsp:

isc.DynamicForm.create({
    width: 400,numCols:1,titleOrientation: "top",titleSuffix: "",
    fields: [

        { name: "lastName", title: "Last name", type: "text"},
        { name: "firstName", title: "&nbsp", type: "text"}
    ]
});

[Isomorphic]

See the Form Layout overview - an extra column is typically added for the title unless showTitle is false. You can either have a blank title or use a SpacerItem to fill the space.

[acarur01]

My point was that I didn't want that space showing. My example already has one that doesn't have a title (&nbsp).

[Isomorphic]

In your second code sample (with  ) the two FormItems have the same top coordinate. Are you saying you're seeing something different? If so, you might have external CSS affecting the form.

[acarur01]

Perhaps a screenshot would be better.
No I do not have css. This is straight from feature explorer. I just deleted excess fields.

In noLabelFalse.PNG you will see that the field is not aligning with the second field that contains a label. This is for sample 1 when I set showTitle= false.

In emptyLabel.PNG is my second sample with label as &nbsp. You will see that there is an empty line that I circled. Basically, I don't want this showing and the only way for me to remove it is to set showTitle to false, but it does not work in all cases (see noLabelFalse.PNG)

[Isomorphic]

OK, so basically, when you've got a whole row of FormItems all of which don't have a title, you should set showTitle:false on that whole row, otherwise, set title to " ". This isn't really something we'd try to address in the framework.