Change Global theme - Ext JS

#2 02-21-2007, 01:12 AM

If you were to give the theme style element an ID:

<link rel="stylesheet" id="theme" href="../css/ytheme-gray.css" />

Then you can call:

Ext.util.CSS.swapStyleSheet('theme', '../css/ytheme-aero.css');

If any BasicDialogs are visible, they may not update correctly without a call to syncBodyHeight. Also, Opera appears to need a window resize in order to apply the new styles.

#3 02-21-2007, 01:25 AM

Thanks Jack
you really are the greatest !!!!!!

it works !!!!

check this out
http://86.106.94.205/test/

PS

is there any other way i can donate :?:
cause I live in Romania and i cannot create a paypal account

in the mean time i'll try to help the forum
[/url]

#4 02-21-2007, 01:29 AM

Nice. Seeing it reminds me the toolbar is dying for a new look in the default theme!

As for contributing, if you can build any example/tutorial files that is always a huge contribution!

#5 02-21-2007, 09:30 AM

I just wanted to chime in to say that the theme switcher does work without a hitch.

If you explicitly have a css theme in your html and then wish to remove it, and thereby revert to the default theme, you have to put an ID on your <link /> declaration.

#6 02-21-2007, 09:43 AM

You don't have to have a paypal account to donate. You can donate via a credit card using the paypal web site, it does not require an account.

#7 02-22-2007, 04:42 AM

Hi Jack,

I have one menubar and a context menu in the same page. But I want to use the default theme for context menu and different custom theme for menubar menu. How do I acheive this...?

Thanks,
Thameem

#8 02-22-2007, 04:56 AM

Quote:

Originally Posted by jacksloc

If you were to give the theme style element an ID:

<link rel="stylesheet" id="theme" href="../css/ytheme-gray.css" />

Then you can call:

Ext.util.CSS.swapStyleSheet('theme', '../css/ytheme-aero.css');

If any BasicDialogs are visible, they may not update correctly without a call to syncBodyHeight. Also, Opera appears to need a window resize in order to apply the new styles.

I don't find the 'swapStyleSheet' under the new alpha API documentation. Is it public or should i go thru the code and find out ??

Also please let me know or make a tutorial about how to use the themes as it is very important to many users. If we want to use the theme do i need to import the ext-all.css or just the theme css?

Thanks,
Thameem

#9 02-22-2007, 05:08 AM

dont trust the API docs yet....
the only thing you can trust right now is the actual code.... go dig !

edit: horrible spelling error

#10 02-22-2007, 05:45 AM

thameema,

Every example uses a different theme. If you look at the source, I'm sure you will be able to figure it out.