Question
Want to hide the left pane but whitespace of the left panel size remaining in the main panel
Hi Team,
I have a requirement where I need to hide the left panel in desktop screen resolution and show a navigation icon to bring the left panel during the screen size of mobile. I have made changes in the Screen layouts as well as the left panel dynamic layout style in the skin to get the desired effect. The problem is whenever I am trying to add something in the main panel, it is providing me with a whitespace in desktop resolution to the size of the left panel as if the left panel is there although it is hidden.
Please help.
***Moderator Edit: Vidyaranjan| Updated Categories***
Hi Chattopadhyay,
I think your requirement is based on the portal and the harness. when you are removing something in the portal it will show the white background screen. It depends on the container which you are using in the portal. Change the container type so that you can maximize your application harness to the entire screen.
Let me know it meets your requirement.
Thank you.
Accepted Solution
Hi,
I have finally managed to get rid of the whitespace in the left part of the screen in desktop resolution by writing a css and adding it to the skin rule specifying the div where the left panel starts. Other resolution issues habe also been managed with media queries.
Regards,
Subhajit
Hello,
You have mentioned that:
The problem is whenever I am trying to add something in the main panel, it is providing me with a whitespace in desktop resolution to the size of the left panel as if the left panel is there although it is hidden.
That means, while adding the things in runtime or design time. Also provide screen prints for reported behavior to get more infomration.
Regards,
Praveen