3.2.0

change font-size for tree items

Hi,
How can I change the height (font-size) of the tree items with CSS ?

Thanks.

Igor K.

September 19,

Use aw-item-template class:

#myTree .aw-item-template {
    height: 30px;
    font-size: 20px;
}

#myTree .aw-tree-sign {
    font-size: 1px; /* corrects vertical position */
}

Alex (ActiveWidgets)

September 19,

Hi, Alex!
Thanks.

Line

font-size: 20px;

don't change the font-size of the tree items for Tree with checkboxes and for Tree without checkboxes. Why?
I use activewidgets-2.0.2-trial.

Igor K.

September 20,

Question closed.
It works without CSS -

obj.getItemTemplate(m).setStyle('font-size', 15);

I guess conflict in CSS.

Thanks, Alex.

Igor K.

September 21,

This topic is archived.

See also:

This example shows how to Drag and Drop Rows in a v2.0 Grid to change the row order Rob Francis (59)

Tree : Changing Size & Adding and Removing Nodes Tim Edwards (10)

[Please comment] Cell editing, changing API (2.0) Alex (ActiveWidgets) (21)

get item text of tree control BazookaJoeZone (6)

How to change list items color on onmouseover and onmouseOut and adding scroll bar sufiya (6)

tree item height Ryan Garabedian (5)

Cancel a row change? onCurrentRowChanging? Karl Thoroddsen (11)

How to monitor a ComboCell change ? Olivier (10)

Tree control suggestion Jim Hunter (9)

Can a checkbox be included as a tree item (4)

Back to support forum

ActiveWidgets is a javascript library for creating user interfaces. It offers excellent performance for complex screens while staying simple, compact and easy to learn. Deployed by thousands of commercial customers in more than 70 countries worldwide.

Copyright © ActiveWidgets 2021

Getting Started

Sample Code API Reference Support Forum Prices & Licensing

Contact Us