HouseMenu CSS Problem
Last Post 08/07/2006 4:19 AM by Lee Sykes. 11 Replies.
Author Messages
Paulo Medronho
Nuke Newbie
Nuke Newbie
Posts:8


--
07/28/2006 10:47 AM

    Hy,

    I've got a strange prob. My house menu list as a Bullet standard menu, i've changed the default.aspx acording to your info, and i'am running DNN4.0.2, removed all solpart from containers (used yours actually)

    I can't even change from the setting from vertical to horizontal, this seams an CSS issue, but the Module upload went without probs. tried checking the code, but cant understand it all, sugestions?

    i'am hopping it would increase my site performance, http://www.cm-silves.pt/default.aspx (No English version yet , and yes, i know, graphics suck... but still developing)

    Thanks,

    Paulo M

    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/28/2006 11:10 AM
    Hello Paulo,

    You need to add your own CSS into the skin.css file to style the HouseMenu, this is why you have bullets.

    I have found that the horizontal and vertical settings in the skin.xml file actually make no difference to creating a horizontal / vertical menu! - They are created by the CSS that you add to the skin.css file.

    I have outlined exactly how I have done this in this tutorial:
    http://www.dnncreative.com/Howtocre...fault.aspx

    Hope this helps, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Paulo Medronho
    Nuke Newbie
    Nuke Newbie
    Posts:8


    --
    07/28/2006 11:59 AM

    I think i got it. It Seems that the version i donwloaded from housemenu's site doesn't have the HouseMenu.ascx.vb file in it. I Still dont have the file .

    The settings i was refering where the ones in the container module of the Menu (makes sense?).

    i haven't done it editing xml or other files, just through menus...

    Just tried adding CSS code, like Tuxedo.css to the CSS file... no luck.

    what can i be doing diferently? tryied following your examples, checked housemenu's site ,searched the web and still dont have a clue... am i the only one in the world?

    Can't be that dumb.... :smile: Can I?

     

    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/28/2006 1:38 PM
    I don't think I follow what you are trying to do. Are you working with the skin object or the module?

    Have you installed the simple red leaf skin to your DNN installation and got it working? - If you do, this will confirm that the HouseMenu is working correctly.

    I have not worked with the module, but still in this you should be able to set the overall class that you use to style the HouseMenu. - Once you have set the class then you just add the necessary details to the skin.css file.

    If you want to integrate the HouseMenu with a skin I recommend you do it as a skin object. - The videos that I linked to give you step by step instructions of building a skin with the HouseMenu.

    There is also this set of videos:
    How to install and configure the House of Nuke menu for a DotNetNuke® skin
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Paulo Medronho
    Nuke Newbie
    Nuke Newbie
    Posts:8


    --
    08/01/2006 7:59 AM

    ok, got the read leaf skin working

    BUT, i still cant change stuff. I'm using:

    Your red leaf as base for testing (I believe it would have the same problems with other skins)

    <%@ Register TagPrefix="dnn" TagName="HOUSEMENU" Src="~/DesktopModules/HouseMenuSkinObject/HouseMenuSkinObject.ascx" %>

    <dnn:HOUSEMENU runat="server" ID="dnnHOUSEMENU" scope="-1" showadmin="TRUE" isrecursive="True" orientation="V" mode="D" csselementid="navigation" stylename="skyward"/>

    the problems are:

    1. The Vertical Dynamic menu does work as on Tim's demo :angryhttp://houseofnuke.com/Modules/Hous...ault.aspx)
    2. When isrecursive is false, cant open admin/host menu, they dont work as a link or other.
    3. can not make it work neither as module or through editing the skin/ xml/ ascx/ html.

    Cant put the finger on the problem, i know its not a skin issue, it seams to be with the .dll or java, since it doesn't change 'orientation', 'stylename', 'mode', all other settings work.

    Thanks,

    Paulo

    Paulo Medronho
    Nuke Newbie
    Nuke Newbie
    Posts:8


    --
    08/01/2006 8:00 AM
    Tried mailing Tim, but no reply so far.
    brian bakkebo
    Nuke Newbie
    Nuke Newbie
    Posts:2


    --
    08/02/2006 3:07 AM
    arganaz, this appears to be a bug to me in the housemenu?
    I added css for the house menu to my skin.css , changed the settings on my housemenu in the housemenu module settings to: use skin.css and the the style was not working?

    What I managed to find, though, is that if I use the ModuleV or ModuleVstatic selections for the CSS under the housemenu module settings. You are able to edit these files under the (DNNROOTDIR)\DesktopModules\HouseMenu\styles and the menus are styled based on these style sheets. I think this should accomplish what you want as it seems to be working for me. At least for the static, I have not tested the dynamic.
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    08/02/2006 3:49 AM
    Hello, to answer your questions:

    Paulo,

    1) Vertical Dynamic Menu - I would avoid using it as it is not compatible with IE7. - I haven't found any CSS dynamic menu in DotNetNuke that is yet.  - There is another way of creating a CSS menu though by using sub-menu systems - check out the menu on www.skinningtoolkit.com  and view how the content changes dependant on which main menu item you click on.

    I've explained how to set this up using sub-menu systems in this tutorial in issue 12 - all you have to do is adapt it for vertical menus
    (7 videos – 65mins)

    Watch the introduction video (3.8MB)

    2) - This is exactly how it is supposed to work. - Setting this to false just displays the root menu items of the menu - therefore it will not display the admin menus as they are sub menus. - I explain a work around to this in the videos above

    3) Don't know - have you got it working in the Red Leaf skin. - If you have then it must be a configuration problem in your skin.

    - bbakkebo - in the HouseMenu settings you don't specify the skin.css file - you specify the CSS class that you wish to use to style the HouseMenu - ie HouseMenuNav - it will automatically find these details within your skin.css file.

    You would then specify the HouseMenuNav class in the skin.css file to style the menu.

    If you set this up correctly then it will not call up the stylesheets that you mention.

    If you are starting with the HouseMenu I really recommend you watch:
    How to install and configure the House of Nuke menu for a DotNetNuke® skin

    Hope this helps, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    brian bakkebo
    Nuke Newbie
    Nuke Newbie
    Posts:2


    --
    08/02/2006 2:32 PM
    Thanks Lee for your response. I understand. To be specific I want to make sure you are talking about the Container Element ID under the house menu settings? The help states:Specify alternate element ID for CSS to allow multiple menus with different styling. From my read of this, this means you use this field when you have two menus on the same form? I believe I did try anyway as you stated to place my style in there, but it didn't work for some reason? I could have had the wrong name in there?

    But in my opinion there does seem to be a bug, though, if choose anything other than the module[x].css files from the Style(help states: Style (CSS file) to be applied to the menu.) drop-down under the housemenu settings, the style is not applying to the menu. Or at least it is not applying on my DNN site? This should allow you to point to the skin.css as it states in the dropdown [Use Skin CSS] or earthbound.css or the other css files that are listed.
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    08/03/2006 2:31 AM
    I would download the Simple Red Leaf skin for free and look at the code, here you can see the skin.xml file which uses:

    <Object>
        <Token>[HOUSEMENU]</Token>
        <Settings>
          <Setting>
            <Name>Scope</Name>
            <Value>-1</Value>
          </Setting>
          <Setting>
            <Name>ShowAdmin</Name>
            <Value>True</Value>
          </Setting>
          <Setting>
            <Name>IsRecursive</Name>
            <Value>True</Value>
          </Setting>
          <Setting>
            <Name>Orientation</Name>
            <Value>V</Value>
          </Setting>
          <Setting>
            <Name>Mode</Name>
            <Value>S</Value>
          </Setting>
          <Setting>
            <Name>CssElementId</Name>
            <Value>HouseMenuNav</Value>
          </Setting>
        </Settings>
      </Object>

    CSS ElementId - you specify the class you are going to use to style the menu.

    You do not need to specify which file the CSS styling comes from as it just reads through all of the CSS. - Think about it like this - you don't need to specify when you add a login token to the page that it has to read the CSS from the skin.css file, you just specify which class it needs to read to style the token - this is the same with the HouseMenu token.

    If you are using multiple menus then you will have a different main token ie. [HouseMenu:2] and then you can specify a different CSSElementID to use to style the details for the [HouseMenu:2] token.

    Hope this helps, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Paulo Medronho
    Nuke Newbie
    Nuke Newbie
    Posts:8


    --
    08/04/2006 12:51 PM
    Ok, got it to work (Almost), but only on firefox, i still cant see the submenus on IE6 Sp2, any ideias? i know it as to do with the ie hacks, but where?
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    08/07/2006 4:19 AM
    If you are using the vertical menu from the Simple Red Leaf skin, you need to implement the IEhacks that are in the iehacks.css file.

    These are called up from the Javascript function that is placed at the end of the index.html file.

    Thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---