PDA

View Full Version : [CLOSED] Css Class for Ext.Net Control



UnifyEducation
Jun 19, 2012, 4:41 PM
Hi,

There are so many css class for Ext.Net Control. For example: x-toolbar-cell, x-toolbar-default, x-toolbar-docked-bottom,...
How can I know which css class for my control?
Is there any document that list all css class with some descriptions?

Daniil
Jun 19, 2012, 9:38 PM
Hi,

Unfortunately, there is no docs which would describe ExtJS/Ext.NET CSS. I am afraid to imagine how big and cumbersome would be such docs and would they really help or not.

You could go through the common ExtJS docs searching for the properties containing "cls". For example,
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.panel.AbstractPanel-cfg-baseCls (http://docs.sencha.com/ext-js/4-1/#%21/api/Ext.panel.AbstractPanel-cfg-baseCls)

But I don't think it will be very helpful.

I would open the docs article about the base class for all components.
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.AbstractComponent (http://docs.sencha.com/ext-js/4-1/#%21/api/Ext.AbstractComponent)

Then filter by "cls". You will see the list of properties and it should help to understand better how all works.

Also the following official theming guide might be helpful.
http://docs.sencha.com/ext-js/4-1/#/guide/theming

Also you can look at the main and other CSS files.

<Ext.NET sources root>\Ext.Net\Build\Ext.Net\extjs\resources\css\ext-all-debug.css
<Ext.NET sources root>\Ext.Net\Build\Ext.Net\extnet\resources\css\extnet-all.css

But, personally, I just inspect HTML elements and its CSS rules using browsers' Developer Tools or special plugins like FireBug for FireFox.

UnifyEducation
Jun 20, 2012, 8:59 AM
Thanks for your help. You can close this thread.