DynamicForm wrapTitle

[acarur01]

I am trying to get wrapTitle working and it only seems to work if I give a smaller width to the overall form and does not seem to take into account the column widths specified. I don't know if this is proper behaviour as the documentation does not mention anything about it, but it seems odd to me that wrapping of the title would not be affected by column widths

isc.DynamicForm.create({
    ID: "exampleForm",wrapItemTitles: true, titleOrientation: "top",colWidths:[200,200,200,200],
    width: 880,
    fields: [
        {name: "username",
         title: "Definitive Latest Ready for Service Activation/Deactivation Date",
         type: "text",
         required: true,
         defaultValue: "bob"
        },
        {name: "email",
         title: "Email",
         required: true,
         type: "text",
         defaultValue: "bob@isomorphic.com"
        },
        {name: "password",
         title: "Password",
         required: true,
         type: "password"
        },
        {name: "password2",
         required: true,
         title: "Password again",
         type: "password"
        }
    ]
});

[Isomorphic]

You've given 4 widths, but this form has only two columns because numCols still has it's default value of 2 (there is a warning in the logs about this). Correct this and change the overall form to a width where wrapping is required, and you'll see the expected result.

[acarur01]

Fair enough. I have a slightly bigger sample. I've made sure that the numCols = 4 and it still does not wrap.

isc.DynamicForm.create({
                    width:500,
                    height:1,
                    fixedColWidths:false,
                    ID:"groupGrid2",
                    name:"groupGrid2",
                    title:" ",
                    wrapItemTitles:true,
                    numCols:4,
                    titleSuffix:" ",
                    rightTitlePrefix:" ",
                    requiredTitleSuffix:"*<\/B>",
                    requiredRightTitleSuffix:"*<\/B>",
                    requiredRightTitlePrefix:"<B> ",
                    colWidths:[195,195,195,195],
                    titleOrientation:"top",
                    fields:[
                        {title:"<nobr>Latest Ready for Service Activation\/Deactivation Date&nbsp;<\/nobr>",
                            colSpan:1,
                            width:"*",
                            ID:"RFSActDate",
                            name:"RFSActDate",
                            useTextField:true,
                            textAlign:"left",
                            _constructor:"DateItem"
                        },
                        {title:"<nobr>Definitive Latest Ready for Service Activation\/Deactivation Date&nbsp;<\/nobr>",
                            colSpan:1,
                            width:"*",
                            $cwname:"RFSDefinitiveDate",
                            ID:"RFSDefinitiveDate",
                            name:"RFSDefinitiveDate",
                            useTextField:true,
                            textAlign:"left",
                            _constructor:"DateItem"
                        },
                        {title:"<nobr>Request Entry Channel&nbsp;<\/nobr>",
                            colSpan:1,
                            width:"*",
                            ID:"requestEntryChannel",
                            name:"requestEntryChannel",
                            allowEmptyValue:true,fastCellUpdates:false,
                            _constructor:"SelectItem"
                        },
{title:"<nobr>Request Entry ",
                            colSpan:1,
                            width:"*",
                            ID:"requestEntryChannel",
                            name:"requestEntryChannel",
                            allowEmptyValue:true,fastCellUpdates:false,
                            _constructor:"SelectItem"
                        }                        ]
                    })

[Isomorphic]

You have <nobr> tags in your titles.

[acarur01]

Wow. Sorry about that. It's been a long week :)