Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 1
  • Filter
  • Time
Clear All
new posts
Previous template Next
    #1

    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
    Tags: None
    #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: 106 Size: 22.4 KB ID: 264793 Best regards
    Blama

    Comment

      #3
      Hi Isomorphic,

      this one is still open in current 12.0p/13.0p.

      Best regards
      Blama

      Comment

      Previous template Next
      Working...
      X