Announcement

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

    Tahoe - Alignment of FormItems (text and boolean)

    Hi there,

    We have a form with multiple checkboxes and textItems.
    With the Tahoe skin the user can clearly see that the checkboxes are not properly aligned with the text-inputs.
    I think on the Enterprise skin this was also not properly aligned, but because the system-checkboxes were used it couldn't be perfectly aligned.
    By replacing the system-checkboxes it should be now properly aligned

    Version: SmartClient_v111p_2017-08-16_Pro
    Browser: Firefox 54.0.1 (32-Bit), Chrome Version 60.0.3112.101
    Skin: Tahoe
    Density: Medium

    Tahoe (red line for visual reference)

    Enterprise:

    Code:
    Canvas.resizeControls(4);
    Canvas.resizeFonts(2);
    isc.DynamicForm.create({
        "ID": "theForm",
        "width": "100%",
        "height": "100%",
        "wrapItemTitles": false,
        "fields":
        [{
                "name": "theField1",
                "title": "Test1",
                "type": "boolean",
                "labelAsTitle": true,
                "showLabel": true
            }, {
                "name": "theField2",
                "title": "Test5",
                "type": "text"
            }, {
                "name": "theField3",
                "title": "Test4",
                "type": "boolean",
                "labelAsTitle": true,
                "showLabel": true
            }, {
                "name": "theField4",
                "title": "Test6",
                "type": "text"
            }, {
                "name": "theField5",
                "title": "Test7",
                "type": "boolean",
                "labelAsTitle": true,
                "showLabel": true
            }
        ],
        "values": {
            "theField3": true,
            "theField2": "2014",
            "theField5": false,
            "theField4": "5",
            "theField1": true
        }
    })
    Best regards

    #2
    Sorry, we do not plan to try to create visual alignment in this case. In your unusual case of alternating text and checkbox controls, alignment might seem natural, however in most normal forms, the extra spacing in front of the checkbox looks more natural.

    Feel free to use the skinning system to create this alignment if you prefer it.

    Comment


      #3
      Thanks for the explanation.

      Comment

      Working...
      X