How to collapse sidebar when using IFrame Plugin ?

[wahyusa]

Iframe Plugin Admin LTE 3.1.0

Hi, I've been work with this new iframe plugin and it looks awesome.

My problem is how to auto collapse the sidebar when I access to specific page ??

In my case, "Dashboard" page may will show default sidebar, but "Listing" page should have sidebar collapsed so that user will have more space, in my condition I've create a dashboard page that will load other pages so the main URL will always on http://myweb/dashboard

Solution 1

Just add event onclick in my specific link then window.location.href=exact URL
But the iframe plugin will gone ofcourse...

Solution 2

I've try to push the sidebar when click a specific link and it works, but still need to click outside it to make the sidebar fully collapsed.

1. Click a specific link on sidebar
2. trigger event to collapse
3. it was collapsed
4. but sidebar still opened cuz the cursor still hover on it
5. click outside sidebar manually
6. sidebar collapsed successfully

Solution 3

After some research I found the data-widget="iframe-fullscreen"

Then, I can just add that data-widget atribute to specific link on my sidebar to make the tab page auto full screen when clicked.
And it works perfectly, but don't forget to add "exit from fullscreen" button to show the sidebar again.

Looks like my solution is still complicated and I need something better than this, hope there is any other option to do that plz