Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    12.0p BooleanItem box position not centered

    Hi Isomorphic,

    please see this testcase (v12.0p_2021-02-23) and the screenshot below.
    The form has more fields than it needs, this is to be able to test have some regression tests built in.
    As you can see the BooleanItem and it's hint are not centered compared to TextItem/LinkItem. All the red lines are basically the same report I think.

    Code:
    isc.DynamicForm.create({
        ID: "form1",
        titleOrientation: "top",
        canEdit: false,
        width: 620, top: 0,
        colWidths: ["*", "*"],
        fields: [
            {name: "text", type:"text", hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "link1", title:"Link1 applyHeightToTextBox:true", type:"LinkItem", value:"https://forums.smartclient.com/", applyHeightToTextBox: true,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "text2", type:"text", hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "link2", title:"Link2 applyHeightToTextBox:true", type:"LinkItem", applyHeightToTextBox: true,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "Boolean1", type:"Boolean", labelAsTitle: true, hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "link3", title:"Link3 applyHeightToTextBox:true", type:"LinkItem", value:"https://forums.smartclient.com/", applyHeightToTextBox: true,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "Boolean2", type:"Boolean", labelAsTitle: true, hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "link4", title:"Link4 applyHeightToTextBox:true", type:"LinkItem", applyHeightToTextBox: true,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "text3", type:"text", hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "Boolean3", type:"Boolean", labelAsTitle: true, hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
        ]
    });
    isc.DynamicForm.create({
        ID: "form2",
        titleOrientation: "top",
        canEdit: false,
        width: 620, top: 320,
        colWidths: ["*", "*"],
        fields: [
            {name: "text", type:"text", hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "link1", title:"Link1", type:"LinkItem", value:"https://forums.smartclient.com/",
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "text2", type:"text", hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "link2", title:"Link2", type:"LinkItem",
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "Boolean1", type:"Boolean", labelAsTitle: true, hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "link3", title:"Link3", type:"LinkItem", value:"https://forums.smartclient.com/",
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "Boolean2", type:"Boolean", labelAsTitle: true, hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "link4", title:"Link4", type:"LinkItem",
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "text3", type:"text", hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
            {name: "Boolean3", type:"Boolean", labelAsTitle: true, hint: "A plain text field", wrapHintText: false,
            icons: [{
                name: "tel",
                src: "blank", // if inline icons are not supported by the browser, revert to a blank icon
                inline: true,
                text: "✆",
                baseStyle: "telIcon"
            }]},
        ]
    });
    Best regards
    Blama

    Attached Files

    #2
    Hi Isomorphic,

    actually the testcase can be much simpler:
    Code:
    isc.DynamicForm.create({
        ID: "form1",
        width: 620,
        colWidths: [190, "*"],
        titleOrientation: "top",
        fields: [
            {name: "text", title:"Text", type:"text", value: "ABCDEFGHIJKLMNOPQRSTUVWXYZ", hint: "A plain text field", wrapHintText: false},
            {name: "checkbox", title: "Checkbox", type: "checkbox", labelAsTitle: true, hint: "A plain checkbox"},
        ]
    });
    Click image for larger version

Name:	BooleanItem2.png
Views:	25
Size:	22.4 KB
ID:	264793 Best regards
    Blama

    Comment

    Working...
    X