Different design for DynamicForms (spacer-line)

[Blama]

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

[Isomorphic]

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.

[Blama]

Hi Isomorphic,

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


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