Left Pane not showing on desktop browser, but on phone devices

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
10/22/2015 9:41:45 AM
Gravatar
Total Posts 27

Left Pane not showing on desktop browser, but on phone devices

I have a template that has all four panes being used.  The Center, Right and Bottom show on a desktop browser, but not the Right one.  When I go to a phone device, all four show.  Any help on how to get it to show on the desktop browser would be greatly appreciated and save my sanity.

 

Thanks,

 

Bob

10/22/2015 1:22:15 PM
Gravatar
Total Posts 216
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Left Pane not showing on desktop browser, but on phone devices

Hi Bob,

I can think of three things you should check right away:

  1. Ensure that the layout.master file in the desktop skin has the correct panels. The right pane usually looks something like this:
    <portal:LayoutPanel ID="divRight" runat="server" SkinID="RightPane">
         <asp:contentplaceholder ID="rightContent" runat="server"></asp:contentplaceholder>
    </portal:LayoutPanel>
     
  2. Ensure that the modules you want to show up on desktop are not set to publish only to mobile. If you click "edit this page" in your admin bar, then click the module in question, then click the little wrench icon to the right of the pane it's in, this will bring you to the module settings. From here you can click the "general" tab at the top of the page and inside that there will be an input labeled "publish mode". Make sure this is set to "all".
     
  3. If there is CSS in your skin that is hiding the panes, you should be able to check the HTML directly with browser tools (f12 in most browsers) to see if the pane is rendering. If so, you can use the same browser tools to determine which CSS rules are hiding the pane.

If your work is published online and you don't mind sharing a link you can put the link here and I'll take a look. If it's a CSS problem I can probably tell you what's wrong right away.

Hope this helps.

10/23/2015 6:54:51 AM
Gravatar
Total Posts 27

Re: Left Pane not showing on desktop browser, but on phone devices

Isaac,

I checked the first two suggestions out and they appear to be ok.

I believe you did.  When I do the F12 from the browser, it brings up the source code.  I found a bunch of type="Hidden" in the code.   Question is where do I edit this? Our site is internal to our organization.  I appreciate the help and response.

Thank you,

 

Bob

10/23/2015 7:51:20 AM
Gravatar
Total Posts 27

Re: Left Pane not showing on desktop browser, but on phone devices

Isaac,

We found something out by mistake.  If we take the browser and not do it at full screen and then bring the window in the left pane appears.  Any idea on that one?  It almost sounds like something in a responsive design.

 

Bob

10/23/2015 11:24:31 AM
Gravatar
Total Posts 216
Community Expert

mojoPortal Hosting & Design @ i7MEDIA!

Re: Left Pane not showing on desktop browser, but on phone devices

Bob,

That definitely sounds like you have some code in a media query that is hiding the pane. Check your CSS files in the skin for something that looks like this: @media screen and (max-width: 1000px) {}

Whatever the min/max width is set for should correspond to the browser width at which the pane disappears, so that could help you narrow it down if there are a lot of them. Depending on what the selector is for your left pane, there will be something like this:
.left-pane-class { display: none; }

Or maybe .left-pane-class { visibility: hidden; }

If there's nothing like that, it might be a more complicated error like if you have a bug in your grid layout and your wrapper has overflow: hidden; that could cause the pane to pop outside the wrapper and that would make it disappear. The only other thing I can think of is that JS could be running that detects the screen size and messes with the style of the pane or the removes it from the DOM.

I can't help you troubleshoot it very well without actually looking at the code, sorry.

Hope this helps.

10/23/2015 12:24:49 PM
Gravatar
Total Posts 27

Re: Left Pane not showing on desktop browser, but on phone devices

Issac,

 

If you could email your email address, I could send you the code.  My email address is bdilcher@pcsonet.com.

 

Thank you,

 

Bob

You must sign in to post in the forums. This thread is closed to new posts.