[CLOSED] Css Class for Ext.Net Control

[UnifyEducation]

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]

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

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

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]

Thanks for your help. You can close this thread.