Theme Studio in Vue project

[sayali saitawdekar]

I am using Visual Studio Code. I created a new Vue project. The only thing i am having problem is with adding custom theme which i downloaded from theme studio.

I included rel='nofollow' href="/styles/material.css" rel="stylesheet"/> in index.html as said in document as well as imported in my component like

@import '/styles/material.css'; in style tag. The theme did not came into effect. What could be the problem?

[Jesus Arockia Sankaran S]

Hi sayali, 

 

Thanks for contacting Syncfusion support. 

 

We have created vue-cli application with essential js2 date-picker component. In here, we have injected custom theme which is generated by theme-studio. 

 

Generated custom styles should be referred in app.vue as below. 

 

<style src="./generatedstyle.css"></style> 

 

Sample Link: http://www.syncfusion.com/downloads/support/directtrac/general/7z/customTheme2071242534.7z  

 

Please get back to us if you require any further assistance on this.  

 

Regards, 

Jesus Arockia Sankaran S 

[sayali saitawdekar]

I have just replaced my css in your project that you have sent me, still not working. I downloaded css file from theme studio. I have attached the css file.

Attachment: materialcal_b924e9cf.rar

[Jesus Arockia Sankaran S]

Hi Sayali, 

 

Sorry for the inconvenience.  

 

We used DatePicker component for both to generate theme file from ThemeStudio and to create sample but you have generated theme for Calendar. We have tweaked our sample by replacing the DatePicker component with Calendar component and referred the theme file shared by you.  

 

Sample: http://www.syncfusion.com/downloads/support/forum/144428/7z/customTheme-1713566772.7z 

 

Themestudio Documentation: https://ej2.syncfusion.com/documentation/appearance/theme-studio/ 

 

Please get back to us if you require any further assistance on this.  

 

Regards,  

Jesus Arockia Sankaran S 

 

[sayali saitawdekar]

It worked. Thank you for your support.

[Jesus Arockia Sankaran S]

Thanks for your update.