Display 2 forms (Left/Right) on a page

[Former Member]

I have a requirement where I need to display 2 forms next to each other on a page. On the left side I have a form which doesnt change much. But on the right side the form-s containers are dynamic. Meaning that some elements will become visible/invisible and some container will be dynamically added to the right form.

How can I achieve a layout on the page where I have 2 forms next to each other and the left forms layout is not affected by changes to the layout of the form on the right side?

PS: I am developing views in JavaScript.

[Former Member · Accepted solution]

Hi,

I believe you can do this simply by deviding your page in two: sap.ui.layout.HorizontalLayout

SAPUI5 SDK - Demo Kit

Kind regards,

RW

[seVladimirs · Accepted solution]

You can also can try Splitter - SAPUI5 Explored

[Former Member]

Thanks all for you feedback. In the end I just created a flexbox with 2 flexboxitems and it did exactly what I wanted.

[PMarti]

Hi German, I think the best way is using a SimpleForm and sap.ui.core.Title as a separator of groups:

Check this example: JS Bin - Collaborative JavaScript Debugging

Regards,

Pau