Hi Isomorphic,
please see this modified sample (v12.0p_2024-01-19) and this minor annoyance.
I do like the design of the first "explanation" the best, but as you can see, I had to set titleSuffix: "" in order to get the wanted design, which then interferes with the field "Normal field" and "explanation3" (a design other people might like better).
Therefore it would be a nice very low priority enhancement to be able to override the DynamicForm's [required][right]titleSuffix on a FormItem level.
Best regards
Blama
please see this modified sample (v12.0p_2024-01-19) and this minor annoyance.
I do like the design of the first "explanation" the best, but as you can see, I had to set titleSuffix: "" in order to get the wanted design, which then interferes with the field "Normal field" and "explanation3" (a design other people might like better).
Therefore it would be a nice very low priority enhancement to be able to override the DynamicForm's [required][right]titleSuffix on a FormItem level.
Best regards
Blama
Code:
isc.DynamicForm.create({
ID: "boundForm",
colWidths: [100, 200],
dataSource: "users",
useAllDataSourceFields: true,
titleSuffix: "",
// requiredTitleSuffix: "",
fields: [
{type:"header", defaultValue:"Registration Form"},
{name: "explanation", type: "staticText", titleColSpan:2, title:"Please fill out this form very thoroughly, make sure to make no mistakes and then click \x22Send\x22."},
{name: "explanation2", type: "staticText", showTitle: false, colSpan:2, value:"Please fill out this form very thoroughly, make sure to make no mistakes and then click \x22Send\x22."},
{name: "explanation3", type: "staticText", title: "Info", value:"Please fill out this form very thoroughly, make sure to make no mistakes and then click \x22Send\x22."},
{name: "textField", title: "Normal field", type: "text"},
{name: "password"},
{name: "password2", title: "Password Again", type: "password", required: true,
wrapTitle: false, length: 20, validators: [{
type: "matchesField",
otherField: "password",
errorMessage: "Passwords do not match"
}]
},
{name: "acceptTerms", title: "I accept the terms of use.", type: "checkbox", width:150,
defaultValue:false,
validators:[{
type:"custom",
condition:"return value == true",
errorMessage:"You must accept the terms of use to continue"
}]
},
{name: "validateBtn", title: "Validate", type: "button", click: "form.validate()"}
],
values : {
firstName: "Bob",
email: "bob@.com",
password: "sekrit",
password2: "fatfinger"
}
});