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. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to refer themes for EJWEB Tools control?

Description

The style and appearance of Essential Tools control is based on CSS classes. In order to apply styles to the Tools widget, refer to ej.web.all.min.css file in your project.

There are 13 in-built themes in your Essential Studio ASP.NET platform namely,

  • default-theme
  • flat-azure-dark
  • fat-lime
  • flat-lime-dark
  • flat-saffron
  • flat-saffron-dark
  • gradient-azure
  • gradient-azure-dark
  • gradient-lime
  • gradient-lime-dark
  • gradient-saffron
  • gradient-saffron-dark
  • bootstrap-theme

Solution

To apply built-in theme, copy the theme CSS files from the following installed location.

<Installed Location>\Syncfusion\Essential Studio\12.4.0.24\Web\Samples\Web\Content\ej.

And refer to the same in your application.

Use the following code example to refer “flat-saffron” built-in theme in your application.

C:\Users\ApoorvahR\Desktop\Note.pngNote: Version= XX.XXXX.X.XX - It varies depending up on .Net frame work version and Essential studio version that you are using. When you are using Essential studio version as-12.4.0.24 and .Net frame work as 4.5 use the following Version=12.4450.0.24”.

The following screenshot displays the Dialog control with Flat-saffron theme.

C:\Users\Rajaveni\Desktop\flatsaff.PNG

Figure 1 Dialog control with Flat-Saffron Theme

You also have CDN references for built-in themes, refer to the following UG link for various built-in themes and its CDN references.

http://help.syncfusion.com/ug/js/documents/cdn.htm

CDN theme references can be added into your application as given in the following code example.

 

Article ID: Published Date: Last Revised Date: Platform: Control: .NET Framework: Product Version:
3238 01/14/2015 01/14/2015 ASP.NET Web Forms Dialog 4.5 12.4.0.24
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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