Announcement

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

    Wrong DateItem width when using browserInputType:"date"

    Hi Isomorphic,

    please see this testcase (v11.1p_2018-09-18):
    Code:
    isc.DynamicForm.create({
        ID: "dateForm",
        width: 800,
        fixedColWidths: true,
        colWidths: [190, "*"],
        isGroup: true,
        groupTitle: "Date Controls",
        fields : [
        {
            name: "dateItem1", title: "Date", hint: "<nobr>Direct date input</nobr>", 
            editorType: "DateItem",
            useTextField: true, width:"100%"
        },
        {
            name: "dateItem2", title: "Date", hint: "<nobr>Direct date input</nobr>", 
            editorType: "DateItem",
            useTextField: true, width:"*"
        },
        {
            name: "dateItem3", title: "Date", hint: "<nobr>Direct date input</nobr>", 
            editorType: "DateItem",
            useTextField: true, browserInputType:"date", width:"100%"
        },
        {
            name: "dateItem4", title: "Date", hint: "<nobr>Direct date input</nobr>", 
            editorType: "DateItem",
            useTextField: true, browserInputType:"date", width:"*"
        }
        ]
    });
    Click image for larger version

Name:	DateItem width.PNG
Views:	25
Size:	16.9 KB
ID:	255206

    As you can see, the width are different here. This is happening in current Chromium on Desktop as well as on iOS 11.4.1 Safari.

    Best regards
    Blama

    #2
    This is happening the same in 12.0p. I do not think that the app-version will be finished before the switch to 12.0p, so I'm going to report such issues based on 12.0p now.

    Best regards
    Blama

    Comment


      #3
      We've fixed this for tomorrow's builds. In the meantime, just adding this line above the sample code should give you more normal looking UI.

      Code:
      isc.NativeDateItem.addProperties({ textBoxStyle: "textItemLite" });
      Note that the font and other details were also wrong in this scenario, and in skins other than Tahoe - to boot, in 12.0+, FormItems have *Over styles, so this styling issue was more dramatic there.

      The above line of code should address all visual glitches, as will tomorrow's fix.
      Last edited by Isomorphic; 26 Sep 2018, 04:56.

      Comment

      Working...
      X