View Full Version : A+ and A- i.e., Font Increase or Decrease functionality provided on ExtJS DataGrid

11 Sep 2010, 1:30 AM

Can we have the A+ and A- functionality provided on ExtJS EditorGridPanel, i.e., we can increase or decrease the content coming inside the EditorGridPanel ?
For Example:

In this article there is - A for Increasing the font another - A is for Decreasing the font. They are adjacent to each other on top of the article.

I hope I am able to explain.

Please help. Its urgent.

11 Sep 2010, 1:42 AM
Create some new class rules

.plus1 .x-grid3-hd-row td, .plus1 .x-grid3-row td {
font-size: 14px;
.plus2 .x-grid3-hd-row td, .plus2 .x-grid3-row td {
font-size: 18px;
.plus3 .x-grid3-hd-row td, .plus3 .x-grid3-row td {
font-size: 22px;

And then add/remove the appropriate class names.