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
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
Hi Gowrinath,
Thanks for the reply.
I am using css to change the width of master panel not for hiding it. For hiding I am using set mode method . But problem is that , it is not hiding properly as shown in the image.
Thanks
Vaibhav
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
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.