How to change the font size of jqxTree

[SubramanainParticipant]

I have tried to change font size of jqxtree, but nothing worked.

Below are the tries:

Applied embedded style for jqxtree div

<div id="jqxTree" style="font-size: 8px;"></div>

Applied css style for jqxtree div

<div id="jqxTree" class="treeClass"></div>
.treeClass{ font-size: 8px; }

I googled and found that font size can be changble by custom theme. But I am looking for is there any way just change the font size of jqxtree without using custom theme. I know that custom theme is good option but right now my requirement is very small. As just want to change the font size do I need to load such a big js file and assuming may face any other issues and understanding css code bit stuff.

Url for change font size via custom theme: http://www.jqwidgets.com/community/topic/changing-font/#post-22806

Note: loading data via JSON. I looking to fix this issue by css if possible. If not then please provide code for custom theme where I should give my font size of jqxtree.

Please help me to fix this issue by simple way. Thanks in advance!!

[ivailoParticipant]

Hi Subramanian,

The simplest way to change the font size is aplying some CSS to the generated from the widget list items.
Look at this fiddle.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[SubramanainParticipant]

Hi Ivailo Ivanov,

Works perfectly.. Thanks lot!!!

Regards,
Subramanian

[Author]

Posts