PDA

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



sharadtitan2006
11 Sep 2010, 1:30 AM
22338

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:
http://timesofindia.indiatimes.com/india/Mob-set-on-fire-police-barrack-outside-Hazratbal-shrine-/articleshow/6535947.cms

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.

Animal
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.