Feeds:
Posts
Comments

Archive for the ‘Menu’ Category

I have been anxiously awaiting the Dynamic Data release.  And now that it is here (it was released with VS 2008 and .Net 3.5 SP1) I decided I would start getting a feel for what is has to offer by building a real simple Dynamic Data web site that allows you to browse the 5 core Northwind tables – Customers, Employees, Orders, Products and Suppliers.  Read on for the details and don’t forget to download the code.  DiscountASP hasn’t quite upgraded to SP1 so I don’t have a live demo setup.  Hopefully they will get the upgrade completed soon, but I made sure to include lots of screen shots so you can get a good idea of what the screens look like.

[Update 9/21/2008] : Add link to the live demo

DownloadLive Demo

(more…)

Read Full Post »

One of the designers on our UI team requested a screen mockup with a page layout that is similar to your typical email client.  The page is divided vertically into 2 panes.  The left pane contains a 2 level hierarchy of categories and subcategories.  As the user selects different subcategories the designer wants the right pane’s content to be updated with the corresponding information.  Just like Outlook, the designer wants the subcategories to be displayed within expanding and collapsing panels.

image

I am familiar enough with the AjaxControlToolkit’s Accordion control to know that it should be the right tool for the job here, but I haven’t actually used it before.  So I did a little research on the Accordion and created a small demo page that we used to get a feel for how the control behaves and what it takes to build and style it.

Live Demo (IE6, IE7 and FF)Download (.Net 3.5 and Toolkit Version 3.5.11119.0)

(more…)

Read Full Post »

Drop down menus are among the coolest things on the web. Beside that they are also very good for creating navigations that contain many elements. The main problems of creating drop down menus lies in the Internet Explorer’s inappropriate way of displaying :hover pseudo class (not recognized anywhere except in A tag), and the problem in calculating the z-index when an element is positioned absolutely inside a relatively positioned element.

Drop down menu example 1

(more…)

Read Full Post »

Navigation menus are the most important element one should pay attention when designing a website. Web-developers can create user-friendly horizontal or vertical navigation menus using CSS. Javascript makes it possible to create more interactive, more responsive and more flexible navigation to any website.

This article presents over 25 (horizontal and vertical) multilevel drop down menu built using Javascript and CSS which you can use in your future projects. Also you will find some useful tutorials at the end of this post where you can use to start building your own multilevel navigation menu.

(more…)

Read Full Post »

tabSwitch is a jQuery Plugin to make beautiful tabs and sliders with less effort and knowledge. You could make a tab box system with the least of code and still fully customizable. Currently, you could choose from 7 different effects with 2 view styles. You could also hot swap the effects around in runtime.

jQuery Plugin To Make Beautiful Tabs And Sliders

 

(more…)

Read Full Post »

SlideItMoo is a Banner and Image Slider developed with MooTools 1.2. This Free Banner and Image slider now supports continuous sliding when navigating, offers the possibility to set how the slider will slide ( from left or from right ) when used with the auto slide feature on, offers the possibility to give it the item width ( width of the slider’s items ) and let it display the elements according to that width and the visible items parameter.

Free Banner and Image Slider - SlideItMoo

 

(more…)

Read Full Post »

BySlideMenu is a Powerful Javascript Accordion Menu baed on well known Javascript framework, MooTools. This Plugin allows you to easily create beautiful sliding accordion menu on any element you want (ul, li, div,…) using images / text.

Powerful MooTools Accordion Menu - BySlideMenu

 

(more…)

Read Full Post »