DNN Blog

Jun 19

Posted by: Jon Henning
Thursday, June 19, 2008  RssIcon

With the launch of DotNetNuke 5 getting closer, I figured it was a good time to put together a quick video on some of the new functionality that will be found within the webcontrols.  This video will introduce you to the new ways you can customize version 2 of the DotNetNuke Menu by simply tweaking your css.  It starts out giving a brief overview of where we came from in earlier releases and how we are making strides to improve the ability for both a DotNetNuke skinner and end portal administrator.  Enjoy!

Tags:
Categories:
Location: Blogs Parent Separator Jon Henning

16 comment(s) so far...


Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Where Download ?

By chinhho2002 on   Friday, June 20, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Wow - the new menu system is absolutely amazing!

Great work :)

By adlferry on   Friday, June 20, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Hey Jon,

These changes are looking nice ...
The .first and .last tags definitely will add some power - glass menus here we come

One thought though - seems that there is a special case of menus with only 1 item that
need to be handled differently - since it would not really be appropriate in many cases to just assume that a menu with only one item should have the .last appearance applied.

In the case of a round edge background .first would have topleft and right rounded and .last would have bottomleft and right rounded.

But when only a SINGLE menu item exists we would ideally have a third case of a background that has all for corners rounded.

Would it be possible to add say a .lastnofirst tag that allows this special case to be handled.

About the only other thing that feels missing here would be some way to explictly referece a menu by Name such as .easymenu .mt-Admin of .easymenu .mt-Host

Westa

By wtatters on   Friday, June 20, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Actually a menu with only one item has both the .first and .last applied. I originally thought your scenario could easily be handled by specifying a css selector rule that states if it is both .first and .last (which would be represented by .first.last), however, I have since realized this all browsers don't abide by this yet... I have on my todo list an item that says to research this further to see if there is some other way to accomplish. Your suggestion is not a bad one though and trivial to implement.

While I can understand the name request, I doubt it is practical, as there will be issues with special characters (spaces), and if people use a localizable solution it will fail. Interesting idea though.

Thanks for the feedback.

By jhenning@solpart.com on   Friday, June 20, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

chinhho2002,
The menu will be available with the release of DNN5. Additionally, controls will be installable on DNN4.x with the one requirement that MSAJAX needs to be present. At that time the source code will also be available at http://webcontrols.dotnetnuke.com

By jhenning@solpart.com on   Friday, June 20, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Thanks for the tips. This is going to be a lot easier.

By tmaler on   Friday, June 20, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Jon,

thanks for the additions you made! I know one of my site admins will love the .bc css item.

By DBuckner on   Monday, June 23, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Very cool, should help me through the struggles I'm having with creating tabbed menus with transparent rounded edges in DNNMenu.

Thanks
Roger

By rogerselwyn on   Monday, June 23, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Very nice video Jon. Seems that even I (non designer) will be able to skin a menu!!
There's one thing about naming that I think could be more clear and that is abreviations. Do you really think it's necessaty to abreviate menuitem to mi? I'd prefer to get the full word since its more clear and maintains all the significance of the styles. I never liked abbreviations since they only make sense if you are very much into the control. And I dont think .icn is much better than .icon :)
Another point:
- .m: would'nt it be better named .submenu?
- .mid: woudl'nt it be better to get it as .submenuid

Great work!

By vmasanas on   Monday, June 23, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Jon,

The implementation is even better than all the roadmap suggestions!

I am truly impressed!

I hope us creative types can really showcase all the work you've put into this by pulling off some eye-popping menu's! I really feel we can compete with the 'by hand menu encoders' out there now and maybe even aproach the appeal of flash guys menus by utilizing these style techniques.


BRAVO! Standing ovation.

By schafer_brad on   Monday, July 07, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

hi..
where can i find the video???
thanks

By shivakumara on   Monday, July 28, 2008

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

shivakumara,
Click on the image in the blog.

By jhenning@solpart.com on   Monday, July 28, 2008
Gravatar

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

On top left Click on image of webcasts.
Regards,
NoumanUllah

By Nouman on   Thursday, November 06, 2008
Gravatar

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Is this now part of the core DNN package? What did it (or will it) start appearing in?

Thanks,
Andrew

By Andrew Craze on   Friday, May 29, 2009
Gravatar

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

@Andrew
Its part of DNN5.

By Jon Henning on   Friday, May 29, 2009
Gravatar

Re: New Video Available Demonstrating New CSS Capabilites in DNNMenu v2.0

Thanks Jon
Great video, especially for designers just on question if I needed to put rounded images either side of each menu item what would I use... as every where I search no one seems to know.

Thanks again

Kind regards,
Buck

By Paul Rogers on   Tuesday, November 24, 2009
Attend A Webinar
Try An Online Demo
Download DotNetNuke Professional Edition Trial
Have Someone Contact Me

Like Us on Facebook Join our Network on LinkedIn Follow DNN Corporate on Twitter Follow DNN on Twitter

Advertisers

Sponsors

DotNetNuke Corporation

DotNetNuke Corp. is the steward of the DotNetNuke open source project, the most widely adopted Web Content Management Platform for building web sites and web applications on Microsoft .NET. Organizations use DotNetNuke to quickly develop and deploy interactive and dynamic web sites, intranets, extranets and web applications. The DotNetNuke platform is available in a free Community and subscription-based Professional and Enterprise Editions with an Elite Support option. DotNetNuke Corp. also operates Snowcovered.com where users purchase third party apps for the platform.