Dashboard Sidebar/Nav/Menu always opens above content

Permalink
Heya,

Hopefully someone can help!

The dashboard sidebar/nav that opens when you click on the top-right button - its opening above an important reference table in the backend for a package I'm converting to 5.7.

Is there a way to disable the sidebar from opening on the loading of a dashboard page? ideally so we can view the whole page without it getting in the way? The button is still important, but for it to only open on-click and not automatically..

Its only really a problem for people using a laptop due to screen size, many of the users will find this frustrating as not all are accessing from a desktop.

Any clues as to where to go would be most helpful, I'm guessing its a jQuery tweek.. but where!?

Many thanks in advance..




Omar

omars786
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi omars786,

When the dashboard panel is open, clicking the Dashboard button will close it.
omars786 replied on at Permalink Reply 2 Attachments
omars786
Hi MrK,

Thanks for your reply :)

Ideally I was hoping that there is a way to stop it opening automatically as this table in the dashboard is referenced a lot (Its a booking system for a tour company).. On a laptop, the menu hides the booking notes and also the actions available for the booking..

About half the users have an imac - so this problem doesn't bother them - the other half use laptops - so this menu constantly needs to be hidden by clicking the button you mentioned..

If there's no easy way to disable the automatic opening of the menu, I'll have to redesign the table which I'm trying to avoid at the moment as everyone is familiar with the table as it is..

I've attached some screen shots so you can see what I mean..

Any ideas as how to resolve are much appreciated! Many thanks,

Omar
JohntheFish replied on at Permalink Reply
JohntheFish
The dashboard content area is supposed to narrow inwards as the siderbars slide in. If the content is not narrowing on this page, perhaps there is something wrong with the page. If it is happening site-wide, then something global like a theme or sitewide asset is interfering.
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Try wrapping your code inside these divs
<div class="<?php  echo $c->getPageWrapperClass()?>">
<!-- your code here -->
</div>

This is used to prevent the sidebars from overlapping theme pages and could possibly work in your case..
omars786 replied on at Permalink Reply
omars786
Hey Thanks for you messages,

I tried using that bit of code, but it still didn't work - the table is
tightening' when the menu is open but still doesn't fit, and when it is closed it 'relaxes' and fills the width - so I think it has too many columns with large bits of data for it to fit in the space when the menu is open..

Sounds silly the problem I know, for me I don't mind - I just know that the people who use it are going to moan about it! Would like to keep this discussion open to see if anyone figures out how to disable the menu from opening automatically..

Many thanks for your time :)
Omar
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
You could add a high z-index style to it so that it will always be in front of the slider.
<div style="z-index: 9999;" class="<?php  echo $c->getPageWrapperClass()?>">
<!-- your code here -->
</div>
omars786 replied on at Permalink Reply
omars786
That would be interesting! I'll have a go at that later today and send you a screen shot! :)
MrKDilkington replied on at Permalink Reply
MrKDilkington
@omars786

You can try the Bootstrap "table-responsive" class. This class will make the table scroll.
http://getbootstrap.com/css/#tables-responsive...

Here is an example of its use in the core:
https://github.com/concrete5/concrete5/blob/develop/concrete/single_...