Entradas

Mostrando las entradas de octubre, 2007

Yahoo! UI (yui) TabView como menu horizontal.

Imagen
Ultimamente estoy usando la libreria de Yahoo! UI para todo lo que tenga que ver con Ajax, en los sitios web en los cuales solo se requiere html. Para los casos de ASP.Net sigo utilizando el Ajax Control Toolkit.Me gusto mucho el menu que encontré en la página de Raphaël GOETTEREste consiste de un menu horizontal expandible, muy rápido y muy sencillo. El problema es que tienes que batallar un poco con el posicionamiento de CSS, y me estaba atorando con algunos margenes y detalles.Pero tomando esta idea y con algunas modificaiones pude obtener un menu que funciona de la misma forma, pero con la ventaja de no estar batallando con lo que mencionaba anteriormente.Para lo anterior use el widget TabView de la libreria de YUI. Sólo tuve que hacer algunas modificaciones para en el archivo de estilo de yahoo, en particular /build/tabview/assets/skins/sam/tabview.css:
.yui-navset {
clear:both;
white-space:nowrap;
}
.yui-content {
background:silver;
}
a.yui-link:visited {
font-family: Verdana, Arial, Hel…