Skip to Content
author's profile photo Former Member
Former Member

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

Posted on Mar 06, 2017 at 01:52 PM 74 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

2 Answers

  • author's profile photo Gowrinath Gundu
    Gowrinath Gundu
    Posted on 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

    • Gowrinath Gundu 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

  • author's profile photo Former Member
    Former Member
    Posted on 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