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. Image for the cookie policy date

Unable to represent the range control on a sample file

Hi, everyone.

We are trying to implement your range navigator control, but we are facing some problems.

Our code is based upon your range control sample page. We took the scripts and css files needed via browser developer tools, and stored it into a single folder. Once changed the links on head part of the html, an error is raised from your ej.web.all.min.js file. It claims that Cannot read property 'toLowerCase' of undefined. The precise instruction can be found when searching for _setTheme:function(n,i){var r=i.toLowerCase(); at ej.web.all.min.js. Attached is the html and scripts we are using to try this control.  

We have attempted to use your current version of the file, but the problem persists. On your zip with all the JS controls you provide, we've found that this error also happens only on range samples which charts included in it. May charts are the cause of this error?

Thanks in advance.

Attachment: RangeNavigator_33ec4e2f.zip

1 Reply

PR Praveen Syncfusion Team April 20, 2015 09:01 AM UTC

Hi Aurora,
Thanks for using Syncfusion product.

We have analyzed your sample and found that you are using some methods that are used to run on dashboard samples. Because of that, only range navigator sample is not rendered properly. So if you want to create with simple range navigator sample, please use the below modified sample. To create a simple chart you can add the following source file in sample,

· jquery-1.10.2.min.js

· jquery.globalize.min.js

· ej.web.all.min.js

Please find the modified sample in the following location.


Please let us know if you require further assistance on this.



Live Chat Icon For mobile
Up arrow icon