change css class properties in extjs

Question

I wanted to change the styles of calendar panel using extjs.I am using extjs calendarpanel and datepicker in my EHR application like following link

http://dev.sencha.com/deploy/ext-3.4.0/examples/calendar/index.html

when selecting a date from datepicker if the day is a public holiday,(that is get from database on select event )i want to change the background color of calendarpanel to gray color.Is it possible?is any way to change the css class properties using extjs3.3.

Darin Kolev · Accepted Answer · 2013-09-01 09:49:18Z

1

You can assign a custom class to the cell you need, for example here is how it works with the 15. day of month:

Ext.get(Ext.get('mydatepicker').query('td.x-datepicker-active[title*="15,"]')[0].id).addCls("mynewclass")

You can take a look to that Extjs 2/3 plugin

edited Sep 1, 2013 at 9:49

answered Aug 31, 2013 at 8:03

Darin Kolev

3,40913 gold badges34 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Darin Kolev Over a year ago

the code selects the td with title "15" from your calendar picker and add a css class "mynewclass" to it. You have to declare the css for it

Nareshdhar Dwivedi · Accepted Answer · 2013-09-01 10:24:38Z

1

you can override the extjs css with the using cls property for the particular element.Here is i am using own css class for the text.

{ 
 text:'Create App',
cls:'app42CreateApp',
 },

answered Sep 1, 2013 at 10:24

Nareshdhar Dwivedi

6354 silver badges19 bronze badges

Collectives™ on Stack Overflow

change css class properties in extjs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related