We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Change Font ejTreeView

Thread ID:

Created:

Updated:

Platform:

Replies:

119911 Aug 12,2015 08:19 PM UTC Aug 13,2015 02:27 PM UTC JavaScript 1
loading
Tags: ejTreeView
j.nord
Asked On August 12, 2015 08:19 PM UTC

We use the ejTreeView in LightSwitch HTML. It works fine. Now we want to Change the font for the Checkbox and the text. How can we do this?

Regards

j.nord



Sasikala Nagarajan [Syncfusion]
Replied On August 13, 2015 02:27 PM UTC

Hi Nord,

Thanks for using Syncfusion products,

We have analyzed your query and we can achieve your requirement by overriding our default CSS of our controls. Please refer the below code snippet to change the font properties of the node text.

[css]
.e-treeview .e-text {
 font-size :20px;
 font-family:"Arial";
 }


Please use given code snippet in your CSS file to achieve your requirement. Also, to change the size of the check box we have provide the property called “ size” in checkbox control. Please refer the below code snippet to set the size of the checkboxes of TreeView nodes.

[script]


<script type="text/javascript">

var obj;

$(function () {

$("#treeView").ejTreeView({ showCheckbox: true ,cssClass:"customcss"});

obj = $("#treeView").ejTreeView('instance');//object of the treeview

var checkbox = obj.element.find("li >div input.nodecheckbox");//get all the check box from treeview

checkbox.each(function() {

var checkobj = $(this).data("ejCheckBox"); // object of the check box control

checkobj.option("size","medium");//setting the size to checkbox

});

});

</script>


We can set “small” and “medium” size to check box control using this proprerty. Please check with the given solution and if we misunderstood your query please give more information about your requirement this will help us to provide you a better solution
Regards,
Sasikala Nagarajan

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;