Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

Outlook Style Menu With Collapse Side Menu

0.00/5 (No votes)
15 Aug 2006 1  
Very good outlook style menu with collapse side menu

Sample Image - collapse_menu.png

Introduction

I have read an "BalaNet" article at  http://www.codeproject.com/useritems/XPMenu.asp  which explains the dropdown xp style menu  that the great work

Just I would like to add new features,

1-Collapse side menu.

2-Change the xp style menu in to Outlook style bar.(Using CSS File "SlideMenu.css")

I think that most developers suffer from the problem of the design of the menu,needs thier application GUI like Outlook or XP Style,

Therefore I think that this menu provide solution .


Source code contain to

    * SlideMenu.css file
    * menu.js file


Import Css file in your page

<LINK href="SlideMenu/images/SlideMenu.css" type="text/css" rel="stylesheet">


Collaps side menu feature permit to hide side menu from page as a client script

Hide menu function:

<script type="text/javascript">

function lefthide() {

var fr = parent.document.getElementById("sbCont");

if(fr.style.display==""){

fr.style.display="none";

change('outlookside', 'outlookBarExpand')

}

else{

fr.style.display="";

change('outlookside', 'outlookBarcollapse')

}

}

function change(id, newClass) {

identity=document.getElementById(id);

identity.className=newClass;

}

</script>



I hope that I have succeeded in making this article and i wish to be useful

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here