Skip to Content
avatar image
Former Member

Master view of SplitApp is not hiding properly after changing its width through css

Mar 06, 2017 at 01:52 PM | 64 Views

After changing the width of Master panel of SplitApp . It is not collapsing or hiding the panel properly.
I used css to change the width of master panel.

.wrapperShell .sapMSplitContainerMaster {
width:35%

}

included this class inside onInit function of controller

oSplitApp.addStyleClass("wrapperShell");

Below is the image showing how it is hiding the master in landscape orientation.

After hiding

zth24.png (11.6 kB)
agjfp.png (8.9 kB)
SAPUI5
Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

2 Answers

  • avatar image
    Former Member
    Mar 06, 2017 at 09:32 PM

    Hi Vaibhav,

    Rather than applying css, you can create a button on screen and on press of this event, you can set mode parameter of splitapp container

    Regards,

    Gowrinath

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member Former Member
      Mar 07, 2017 at 07:53 AM

      Hi Vaibhav,

      You can reduce the width of the controls in master page. I believe they are right now at 100% and hence your master page is occupying more space. Set the width to 50% for all the controls in master page. Alternatively, apply css to controls in master page rather than to the app.

      Hope this solution helpful for you

      Regards,

      Gowrinath

  • avatar image
    Former Member
    Mar 07, 2017 at 09:43 AM

    Hi there,

    I agree with Gowrinath in that using custom CSS to bring about this effect may not be the best idea.

    Have a look at the enumeration: sap.m.SplitAppMode for your needs.

    Add comment
    10|10000 characters needed characters exceeded