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:3426

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:3426

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:3426

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:3426

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:3426

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

RE: Can't Login! Login Page can't be accessed... by durationinc
Hi,I still redirected to the home page with this URL: localhost/DNN/Default.aspx/tabid=37&error=Obje...
RE: Can't Login! Login Page can't be accessed... by e-kreator
problem solved, thanks for the help
RE: Child portal to live site by psgrzelak
Ok the original site that I had a standard web site was jacksonnjgop.com I than created a child port...
RE: Child portal to live site by jncraig
Is there any URL that will get me to your site?
RE: Child portal to live site by jncraig
"Ok I changed the A record of the Jackson site to point to the IP address of the DNN portal. I than...
RE: Child portal to live site by jncraig
I'm sorry that I offended you.  I was trying to give an honest answer.  That answer is, I continue t...
RE: Child portal to live site by psgrzelak
Kind of a round about way of answering my question without answering it.... I prefer the straight fo...
RE: Child portal to live site by jncraig
A subscription to this site will let you view the tutorials.  I believe that will be useful.  In fac...
RE: Child portal to live site by psgrzelak
Ok I changed the A record of the Jackson site to point to the IP address of the DNN portal. I than w...
RE: DotNetNuke News 8th Dec 08 by jncraig
Yes, I'm getting an error, also. But ... you can probably get the podcast from this link: http...
RE: Can't Login! Login Page can't be accessed... by jncraig
This table is part of your DotNetNuke database.You might first want to review these tutorials to hel...
DotNetNuke News 8th Dec 08 by pwadding
When I attempt to download the  Podcast I get an error message. Tried both servers. The first few li...
RE: Can't Login! Login Page can't be accessed... by e-kreator
a database that you mean.
RE: DotNetNuke 4.9.1 and 5.0.0 by jncraig
Yes, lots of learning, lots of new things and new ways.  I played a little with Beta6 of DotNetNuke ...
RE: PDF File Content by jncraig
If you want to just serve up the PDF files as PDF files, upload them using the File Manager.  You ca...
RE: Navigating between modules by jncraig
What is the URL that is generated? To which page does it send you?
RE: New Logo cant display by jncraig
There is nothing wrong with this, provided that you did it correctly.  I would have to look at your ...
RE: Child portal to live site by jncraig
You should set DNS to point the URL to the IP address of the DotNetNuke installation.  Inside of the...
RE: PopUp Page by jncraig
To open a link in a new window, format the link this way:Link to us! It is the target="_blank" that...
RE: How to Change fckeditor alignment by jncraig
It might be easier to use a different skin for your administrative pages. There have been some ot...
AppTheory
RSS Feeds