Alternate Pane

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.
11/11/2010 10:00:53 AM
Gravatar
Total Posts 156

Alternate Pane

We're using an alternate panel in order to allow the user to insert a different banner for a particular page.  The problem is that SiteMap and SearchResults pages do not show any banners.  How do we mitigate this issue?

 

11/12/2010 9:02:37 AM
Gravatar
Total Posts 2239

Re: Alternate Pane

Hi,

In order for this to work properly, you need to a "default" banner that would show on the system pages (SiteMap, Register, Login, etc...).

I did this on the Norcross, GA High School website and the customer likes it quite a bit. Granted, their default banner is pretty basic but that's what they wanted and it does demonstrate how to do this.

The relevant markup for that site is (I included the logo in this markup because the design has the logo over the top of the banner, you don't have to do that):

        <div id="wrapheader">
        <portal:SiteLogo ID="SiteLogo" runat="server" />
        <asp:Panel ID="divAlt1" runat="server" CssClass="altcontent1">
                <asp:ContentPlaceHolder ID="altContent1" runat="server"></asp:ContentPlaceHolder>
            </asp:Panel>
        </div>

The CSS is (notice the background image in #wrapheader, that is the default image):

#wrapheader {
    height: 318px;
    color: #777;
    float: left;
    width: 1003px;
    padding: 5px 0px 0px 0px;
    background: #404040 url('head.jpg') top right no-repeat;
    overflow: hidden;
    position: relative;
}
#wrapheader > a, #wrapheader > a img.sitelogo {
    position: absolute;
    z-index: 101;
}

.altcontent1 {
    z-index: 100;
    position: absolute;
    top: 0;
}
.altcontent1 .moduletitle {
    visibility: hidden;
    width: 990px;
    position: absolute;
}
.altcontent1 .moduletitle a.ModuleEditLink {
    visibility: visible;
    background: #fff;
    color: #000;
    margin-right: 10px;
    float: right;
}
.altcontent1 .moduletitle a.ModuleEditLink:hover {
    text-decoration: none;
}

 

HTH,
Joe D.

11/12/2010 9:21:58 AM
Gravatar
Total Posts 156

Re: Alternate Pane

That makes sense.  I  see that Joe has a control written for the logo.  What's the advantage/purpose of using a control here?

11/12/2010 1:02:01 PM
Gravatar
Total Posts 18439

Re: Alternate Pane

The logo control is used in some older skins like jsavard-mojoportal, in that skin you will notice that you can also select a log from site settings if it exists in the /Data/Sites/[SiteID]/logos folder and the control will use the logo you select there.

11/16/2010 2:48:38 PM
Gravatar
Total Posts 156

Re: Alternate Pane

Joe,

I checked out http://www.norcrosshigh.org/ and noticed that in the Superfish navigation bar, the 1st level button gets highlighted (marked with .current  class). When its child (2nd level) page is selected from the dropdown, it gets highlighted as well.  When some of the third level pages are clicked, like the ones under Athletics it works, but http://www.norcrosshigh.org/sonyaneilson.aspx  for example, which is  "Academics > Business/Tech > sonyaneilson"   doesn't highlight "Academics" button in the top Superfish menu.

Why is that?

My superfish menu does not show third level menu items because I set  DynamicDisplayLevels attribute to ="1" .    The problem arises when I use a PageMenu control for my side menu on every page.  When I click on the 2nd level pages using the PageMenu control, it still marks the current page buttons in the Superfish navigation bar, but when I clikc on the 3rd level pages, it does not do that. 

Any suggestions?

11/17/2010 9:56:07 AM
Gravatar
Total Posts 2239

Re: Alternate Pane

Hi,

The Norcross site has the page you asked about set to not show in the menu so because of this, the Academics and Business/Tech menu items are not hi-lighted when the user on that page.

I could probably figure out what is going on with your menu if I could see it. There are so many CSS selectors and rules that apply to the menus that is difficult to really figure out what is going on without seeing it. If I had to guess, I would say that your CSS selector for the .current class isn't broad enough to pick up the third level pages. If you can share your site address, I can help you more.

HTH,
Joe D.

11/17/2010 10:47:16 AM
Gravatar
Total Posts 156

Re: Alternate Pane

Joe has already explained what the situation was.  I had the UseDynamicLevels set to 1 and so the third level pages weren't displayed in the menu.  I set it 2 to, but applied a CSS style to hide it in the Superfish menu, but now the top level links get highlighted when I go to the third level page using the side menu.

11/17/2010 11:27:01 AM
Gravatar
Total Posts 2239

Re: Alternate Pane

Hi,

Sorry for my slowness here, but I am confused.

If you set the DynamicDisplayLevels to 2 and then hid the third level in the Superfish menu, why did you even set the DynamicDisplayLevels to 2?

Can you post your relevant CSS, SiteMenu and PageMenu controls?

Thanks,
Joe D.

11/18/2010 7:13:49 AM
Gravatar
Total Posts 18439

Re: Alternate Pane

Hi Joe,

Alex emailed me about this post and my advice was as follows:

In this case I think the problem is that the 3rd level page is
not part of the parent menu, so the parent menu does not see any
selected child when that page is active so it does not highlight
itself. The parent menu does not know anything about the child menu.

One strategy that might work would be to not limit the display levels
of the parent menu and just use css to hide the levels you don't want
to show.
Something like this might work:
.AspNet-Menu-Horizontal ul ul ul { display: none !important;}

You are right that he could just remove the setting for DynamicDisplayLevels completely since the css will hide levels deeper than 2 and this should make the parent menu highlight correctly no matter how many levels deep the current page is whereas setting it to 2 will only solve it for 3rd level pages. 

Best,

Joe

11/18/2010 8:41:30 AM
Gravatar
Total Posts 156

Re: Alternate Pane

Initially I only wanted to display 2nd level in my Superfish menu, which is why I set DynamicDisplayLevels to 1.  Later, I realized the 3rd level links in the side menu weren't registered with Superfish horizontal menu. I allowed Superfish to display 3rd level links as well by setting DynamicDisplayLevels to 2 and as per Joe's suggestion, just hid it using CSS.  Now when I click on the third level link in the side menu, the top level page is highlighted in Supefish.



Does this kind of explain what I was trying to accomplish?

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