Dear Friends,

                   I am using HouseMenu Skin Object V 1.4 Beta on DNN 4.5.3 site in IE 7 i can see the parent menu but cannot see any sub-menus of the menus. Also, i want to display sub menus horizontally not vertically. Is their any workaround for it? Kindly, reply back as it is bit urgent.

                  Can anyone help me on this issue?

Best Regards,
Krishnapratap Vedula

Krishnapratap,

There was recently a similar issue posted here on the forums, though that user was using IE 5/6. This is something new, so I will have to look into it; I hope to know more about what's happening a bit later today.

As for the horizontal submenu, it's all in the CSS! I don't have any examples, but you can go to http://www.htmldog.com/articles/suckerfish/dropdowns/ to learn more about the method I based HouseMenu on. That may give you some ideas about how the CSS is put together.

Tim

Tim,

      Even on IE 6 it doesn't display any menus on mouse hover. I will send you screenshot of it later. Apart from this i want to display parent menu horizontally as well as respective child menu horizontally using HouseMenuSkinObject is this possible? Can u tell me what could be the problem in my case for not displaying any child menus while mouse hover? Thanks.

Best Regards,
Krishnapratap Vedula

Tim,

      Even on IE 6 it doesn't display any menus on mouse hover. I will send you screenshot of it later. Apart from this i want to display parent menu horizontally as well as respective child menu horizontally using HouseMenuSkinObject is this possible? Can u tell me what could be the problem in my case for not displaying any child menus while mouse hover? Thanks.

Best Regards,
Krishnapratap Vedula

Over the weekend, I installed a clean DNN 4.5.3 instance (not an upgrade) and installed the HouseMenu skinobject and module. The only issue I encountered was with the style files that get installed with the module: these css files were placed in the module's root folder when they should actually reside in a subfolder named "Styles". Other than that, no issues.

So, the problem with the submenus not appearing is probably due to a CSS problem. The CSS for your menu should have something like the following....

#HouseMenuNav li ul { /* second-level lists */
position: absolute;
width: 144px;
left: -9999px; 
padding: 0;
margin: 0;
white-space: nowrap;
z-index: 88888;
}

#HouseMenuNav li ul ul { /* third-and-above-level lists */
margin: -30px 0 0 144px;
border: solid 1px #333;
white-space: nowrap;
}

#HouseMenuNav li:hover ul ul,
#HouseMenuNav li:hover ul ul ul,
#HouseMenuNav li.sfhover ul ul,
#HouseMenuNav li.sfhover ul ul ul {
left: -9999px;
}

#HouseMenuNav li:hover ul,
#HouseMenuNav li li:hover ul,
#HouseMenuNav li li li:hover ul,
#HouseMenuNav li.sfhover ul,
#HouseMenuNav li li.sfhover ul,
#HouseMenuNav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

Compare this with your own CSS.

Also, to get the submenu items to be horizontal, I believe you would need to have an entry in your CSS something like the following....

#HouseMenuNav li li { /* all items under the top level */
float: none;
list-style-type: none;
width: auto;
}

Then you would need to experiment with the CSS for the submenu containing these menu items to get the width and placement the way you want.

Tim,

         I have 7 css files - 3dGray, DefaultVertical, Earthbound, GrayBeard, Pages, Skyward, Tuxedo. I have made the changes according to your reply but neither i can view vertical nor horizontal menus. Kindly, help me.

Best Regards,
Krishnapratap Vedula

Sharif,

I believe you are seeing the styles installation problem. When you go in as admin and view the exceptions, do they say something about a null object reference?

Look in your /DesktopModules/HouseMenu folder. You will probably find several CSS files (e.g., graybeard.css). Create a new subfolder named "Styles" and move all of the CSS files into that subfolder. Then go into the module settings for HouseMenu and find the "Style" dropdown. Use that to specify one of the included styles or select "[Use SKin CSS]" if you have defined the menu CSS in your skin.

Tim

Tim,

         I am having 6 tabs other than Home tab when i click Home tab i could see sub tabs of Home but when i click on other tabs it doesn't display corresponding sub tabs. Can you guide me on it?

Best Regards,
Krishnapratap Vedula

Kevin,

I do not know what is causing this problem, although it must be something with the CSS.

Please try using the CSS from the attachment to this post: it's the CSS I used for this site's menu. Let me know what happens.

Tim

Krishnapratap,

Could you upload your CSS here, or send it to me directly? I think I need to see the CSS to help you figure out what is happening. Thanks.

Tim

Tim,

          I am mailing you Menu.rar file which i have installed in my DesktopModules folder & calling it in my page as a user control by registering it & calling it in my page like this:

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

       I am using IE 6 now. Kindly, look into it. Thanks.

Best Regards,

Krishnapratap Vedula

Tim,

             Have you tested Menu.rar files on your system. I am urgently looking for a workaround because i need to implement Horizontal Parent & Child Menus in my portal. It should work on DNN 4.5.3 & IE 6 atleast if not IE 7. So, kindly reply back with some solution. Thanks.

Best Regards,

Krishnapratap Vedula

I have looked at your files, but I am a bit confused. Let me see if I understand the scenario....

You want to have a horizontal root menu and a horizontal submenu (standard submenu that appears when a root menu item is hovered over), and you are using the skinobject version of HouseMenu.

Is this right?

In the files that you sent me, you included everything in the DesktopModules/HouseMenuSkinObject folder, but I am not sure where your menu CSS is. It looks like it might be in the styles subfolder. The better way to do this is to put the CSS for your menu(s) in your skin CSS file. If you want to use the CSS in the styles folder, you need to use "styleName = '[menustylename'" in your skin's ASPX where you call the menu. Also, you should use HOUSEMENU as the token, not MENU.

I'll add more in a bit.

Tim

Hi Tim,

                 I couldn't understand what you said properly. Like add  CSS in your aspx page & use HOUSEMENU as a token not MENU as a token. I think token is used in html & not in an user control. Kindly, tell me about it since i need to implement it very soon.

Best Regards,

Krishnapratap Vedula

You should have a skin CSS file named something like "skin.css" (where your skin file is "skin.ascx". That's where the CSS should go.

Then, in your ascx skin file, you need the following....

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

and....

Tim

Tim,

               I have already placed register directive as u said in my ascx file & i do not have skin.css file as you said. What kind of code will go in skin.css is it the same as 7 css files which is contained in styles folder or other than that or else is the problem with HouseMenuSkinObject since its a beta version & not a release version. Can you provide me a very simple scenario which fulfils my requirement. I am stuck with HouseMenuSkinObject i think you can solve my problem since you have developed HouseMenuSkinObject. Kindly, provide me some guidelines on how to go about it. I will tell you what i want:

1. I will get parent menus from db table.

2. OnLoad i will get images for all the parent menu tabs.

3. OnMouseOver i will get new images for all the parent menu tabs & i can see view & click all the sub menus which is coming from db table & its normal text not an image.

4. OnMouseOver of a particular parent menu tab i can view & click respective sub menu tab which is coming from db table as text.

          Kindly, tell me can i achieve this from HouseMenuSkinObject 1.4 beta & if yes how can i achieve this from it. I need to use it in my project & i have very less time.

Best Regards,

Krishnapratap Vedula