You need to Register for free and Login to post a message in the forum.

Forum

Subject: HouseMenu CSS Problem
Prev Next
You are not authorized to post a reply.

Author Messages
arganaz
Nuke Newbie
Nuke Newbie
Posts:8

28 Jul 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

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3324

28 Jul 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/HowtocreateapureCSSskin/tabid/252/Default.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/leesykes

Lee Sykes's Facebook Profile
arganaz
Nuke Newbie
Nuke Newbie
Posts:8

28 Jul 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?

 

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3324

28 Jul 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/leesykes

Lee Sykes's Facebook Profile
arganaz
Nuke Newbie
Nuke Newbie
Posts:8

01 Aug 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/HouseMenu/HouseMenuDemo/tabid/79/Default.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

arganaz
Nuke Newbie
Nuke Newbie
Posts:8

01 Aug 2006 8:00 AM  
Tried mailing Tim, but no reply so far.
bbakkebo
Nuke Newbie
Nuke Newbie
Posts:2

02 Aug 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.
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3324

02 Aug 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/leesykes

Lee Sykes's Facebook Profile
bbakkebo
Nuke Newbie
Nuke Newbie
Posts:2

02 Aug 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.
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3324

03 Aug 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/leesykes

Lee Sykes's Facebook Profile
arganaz
Nuke Newbie
Nuke Newbie
Posts:8

04 Aug 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?
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3324

07 Aug 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/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Users Lounge > DNN Creative Articles > HouseMenu CSS Problem



ActiveForums 3.7

Latest Forum Posts

localhost Install issues by cdees
I've set up a local host and want to run DNN for a local development machine.  The host is set up; h...
RE: Reversing Limited Access to the Admin Menu by wynnjon
That is what I thought.  So for my clients that will need to manage user accounts, I can not limit t...
RE: Reversing Limited Access to the Admin Menu by leesykes
I seem to recall it doesn't work
RE: Reversing Limited Access to the Admin Menu by wynnjon
Thanks Lee-  I will give that a try.An additional question- If you place the "User Accounts" page un...
RE: Reversing Limited Access to the Admin Menu by leesykes
all you need to do is reverse the process within the SQL tables.Compare the data to the other rows i...
RE: Module not working when logged off. by leesykes
thanks for the info,
Reversing Limited Access to the Admin Menu by wynnjon
Hi!  I followed the tutorial for limiting the access to the admin menu.  What a great thing!However,...
RE: Trouble installing! Designer trying to be a Developer. by leesykes
glad to hear you found a solution, thanks,
RE: Skim Question by leesykes
You could but you will not be able to have an XHTML compliant page as the SolpartMenu is non-complia...
RE: Include in Menu - Weird Request by leesykes
For your sitemap.xml file - use GSiteCrawlerYou could create the site map before moving the sub menu...
RE: Trouble installing! Designer trying to be a Developer. by awright14
It looks like I had ASP installed in the wrong order.  Copying and pasting this into the Run Command...
RE: Need Help Changing Containers Contentpane's Text Color by leesykes
Hello,Have you tried adding a class to the content area of your container and then styling the p, a,...
RE: Vertical SolpartMenu by leesykes
hello,If you wish to display the admin and host menus within the house menu, you need to enable it i...
RE: Firefox Does Not Display WMV File In Media Module by leesykes
Hello,I have just tested this and I can play a wmv file in Firefox 3.0.3, so it does suggest that it...
RE: advice wanted convert site to DNN while keeping existing asp functionality by leesykes
You could try using the IFrame module in DotNetNuke and then just link the IFrame to the current pag...
RE: Need Help Changing Containers Contentpane's Text Color by CROKeefe
Thanks for the quick update... I know it looks broken right now, but I had the TITLE classes working...
RE: Need Help Changing Containers Contentpane's Text Color by leesykes
The default class for a container is .head so you will find that the .head class will override any s...
RE: Module not working when logged off. by t.ramya85
have to set the cache time to '0' in that module setting.
Trouble installing! Designer trying to be a Developer. by awright14
Hi Everyone,Just to let you know, I'm very new at this - very new to any type of dev environments in...
Skim Question by tlsadler
I've been going over your videos on skinning and may have missed something somewhere.Can you use the...
DotNetNuke Modules
RSS Feeds