CSS based navigation ?

[garyng]

Hi,

While I understand that javascript can be very powerful and quite easy to code in Ext, I am wondering if anyone has done CSS based navigation(menu bar, tab, navigation trees) which works well with Ext(say using the same theme) ?

[manugoel2003]

Well, I have not done anything similar, but I know of a great resource collection for the things you mentioned. Hope this helps in cooking up a solution.

http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

[sjivan]

Hi,

While I understand that javascript can be very powerful and quite easy to code in Ext, I am wondering if anyone has done CSS based navigation(menu bar, tab, navigation trees) which works well with Ext(say using the same theme) ?


Something to be aware of. From http://extjs.com/ext-oss-software-license



The CSS and Graphics ("Assets") distributed with Ext are licensed for use ONLY
with their associated Ext JavaScript component ("Component"). Use of the Assets in
any way that does not also include the Component is prohibited without explicit
permission from Ext JS, LLC. Deriving images and CSS from the Assets in an effort
to bypass this license is also prohibited.

[garyng]

Something to be aware of. From http://extjs.com/ext-oss-software-license

Thanks for the advice.

I was not trying to pull the art work out of Ext but rather finding a way to have them work together in a coherent way. As many CSS based navigation plays with the "display" and "float"(especially this one) attribute which I don't know if it would interfere with Ext.

Say for example, if I want the CSS navigation bar inside a the "north" Panel.

And ideally, I would like to see them as part of Ext.

[sjivan]

Have you seen this example where Ext tabs are generated from existing markup :

http://www.yui-ext.com/deploy/ext-1.0-alpha3/examples/tabs/tabs.html

Other than that I would suggest you just try out what you'd like and see if they are any issues.

Sanjiv

[garyng]

Have you seen this example where Ext tabs are generated from existing markup :

http://www.yui-ext.com/deploy/ext-1.0-alpha3/examples/tabs/tabs.html

Other than that I would suggest you just try out what you'd like and see if they are any issues.

Sanjiv

Thanks, I have seen it.

The reason I asked about CSS is that they are simpler(just some ul/li tag) and appling the right CSS. And have the added advantage that they are shown right after the page is loaded(without the need of the "loading ..." place holder). This is especially appealing for site wide menu/navigation skeleton. And they are faster too.