Announcement

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

    SelectItem positioning and boldness issues

    Hi Isomorphic,

    please see this screenshot.
    As you can see, there is a blod/non bold mismatch. I'd expect either the 1st TextItem-content to be bold as well or the 1st SelectItem-content to be non-bold (I prefer this one).
    Also, there is an 1-pixel offset after validation, where the FormItems with the error move a bit.

    Click image for larger version  Name:	Boldness in SelectItems.PNG Views:	1 Size:	21.4 KB ID:	253970

    Steps to reproduce:
    Change this sample (v11.1p_2018-07-06) and hit validate. Then select the entries and enter the text.
    Code:
    isc.DynamicForm.create({
        ID: "form2",
        width: 620,
        colWidths: [190, "*"],
        isGroup: true,
        groupTitle: "Select / Combo Controls",
    
        fields : [
        {
            name: "bugStatus", title: "Select required",
            editorType: "SelectItem",
            required:true,
            valueMap : {
                "cat" : "Unexpected bold",
                "dog" : "Dog",
                "giraffe" : "Giraffe",
                "goat" : "Goat",
                "marmoset" : "Marmoset",
                "mouse" : "Mouse"
            }
        },
        {   name: "bugStatus2", title: "Select non-required",
            editorType: "SelectItem",
            required:false,
            valueMap : {
                "cat" : "Expected non-bold",
                "dog" : "Dog",
                "giraffe" : "Giraffe",
                "goat" : "Goat",
                "marmoset" : "Marmoset",
                "mouse" : "Mouse"
            }
        },
        {
            name: "bugStatus3", title: "TextItem required",
            editorType: "TextItem",
            required:true,
        },
        {
            name: "bugStatus4", title: "TextItem non-required",
            editorType: "TextItem",
            required:false,
        }
        ]
    });
    
    isc.Button.create({
        top: 170,
        title: "Validate",
        click: "form2.validate()"
    });
    The moving FormItem issue is even more apparent here, if you add this item as well, which then is off by an validator-icon-width.
    Code:
        {
            name: "selectItemMultipleGrid", title: "Select Multiple (Grid)",
            editorType: "SelectItem",
            required:true,
            multiple: true,
            multipleAppearance: "grid",
            valueMap : {
                "cat" : "Cat",
                "dog" : "Dog",
                "giraffe" : "Giraffe",
                "goat" : "Goat",
                "marmoset" : "Marmoset",
                "mouse" : "Mouse"
            }
        }
    Click image for larger version  Name:	Bigger width issue.PNG Views:	1 Size:	19.6 KB ID:	253971


    Best regards
    Blama

    #2
    Quick update on this one - the boldness issue was fixed a few days ago, in all skins and back to 11.1 - the mis-sizing problem when showing the error icon will be fixed shortly - we'll update here when it's in.

    Comment


      #3
      Hi Isomorphic,

      I can see the bold-one is fixed using v11.1p_2018-07-14.

      Thanks,
      Blama

      Comment


        #4
        Hi Isomorphic,

        even though you did not update here, I think the sizing and positioning issues are also fixed in v11.1p_2018-09-05 / v12.0p_2018-09-04.

        Thank you & Best regards
        Blama

        Comment

        Working...
        X