Flow UI - formLayout inside details

Support
#1

I am using ver 2.4.1. Can I used formLayout inside details? Putting formLayout inside details shows fields in single column only.

#3

Hi,

Details by default has auto width, so set it to 100%.

Regards,
Gleb

#5

It’s still the same with width set to 100%. There’s single column. My screen is till showing fields in single column. Moving them outside the details shows them correctly.

<details id="productDetails" colspan="2" width="100%" summaryText="msg://com.abc.SomeThing.title">
    <formLayout id="innerForm">
        <textField id="codeField" property="code"/>
        <textField id="nameField" property="name"/>
        <textField id="descField" property="desc"/>
        <textField id="otherField" property="other"/>
    </formLayout>
</details>
#6

Considering colspan="2" attribute, I assume that details is nested inside another formLayout. Check that all parent containers have width="100%". Also, pay attention that formLayout is intended to display fields, not layout blocks.

If you still have issue with layout, fill free to attache a demo project or full view descriptor code.

#7

I moved details out of formLayout. Setting width to 100% is working but this issue is only in Safari. I just tested in Chrome and Firefox and it’s working fine. Strange, if I resize Safari window to smaller and then again to large/full screen, it works.