Announcement

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

    Different design for DynamicForms (spacer-line)

    Hi Isomorphic,

    how is such a DynamicForm design best archived (using 5.1p)?

    Click image for larger version

Name:	Different_DynamicFormDesign.png
Views:	63
Size:	10.7 KB
ID:	234010
    Is it possible out of the box?

    If not I could think of these improvements:

    For Contact + line (1) I could think of an additional API to setGroupBorderCSS(), perhaps setGroupBorderTopCSS() for the border-top CSS shorthand.
    If you want to, you could also add the other three shorthands - I could imagine at least border-buttom might be of use.

    For the line without text (2) I could think of a design-only FormItem similar to SpacerItem.

    Of course it would be best if it already just worked and I just missed the solution.

    Best regards
    Blama


    #2
    1. HeaderItem

    2. This actually seems like a bad idea from a design perspective - one doesn't typically see a division with no label - but it could be achieved with a colSpan:"*" StaticTextItem and a CSS style containing only a bottom or top border.

    Comment


      #3
      Hi Isomorphic,

      thanks for the HeaderItem hint. With some CSS it is exactly what I was looking for and also covers my "line without text"-usecase.

      Best regards
      Blama

      Comment

      Working...
      X