Skip to Content
avatar image
Former Member

Display 2 forms (Left/Right) on a page

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.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Best Answer
    avatar image
    Former Member
    Oct 22, 2015 at 11:58 AM

    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

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 22, 2015 at 02:17 PM

    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

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 23, 2015 at 05:37 AM

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

    Add comment
    10|10000 characters needed characters exceeded