Process to create Metronic theme from our Bootstrap theme using Theme Studio application1)Consider, let we need to create default Metronic theme using our bootstrap theme of Theme Studio application.
2)First, open our online theme studio application http://js.syncfusion.com/themestudio/
3)Select bootstrap theme in Theme Studio as show below
4)Under the personalize option of Theme Studio, please apply below specified color values in the above bootstrap theme of Theme Studio.
Or else, simply you can upload the below attached JSON file in Theme Studio in order to get the Metronic themes
5)In right side content panel, our components are rendered with default Metronic theme. So now you can check the customized color changes with the demo.
6)Finally, you can download the created Metronic theme using download option of Theme Studio and can use the downloaded CSS in your application.
Notes: Please refer following link to check our online Theme Studio help document https://help.syncfusion.com/js/theme-studio
|
This page will automatically be redirected to the sign-in page in 10 seconds.
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.
