Unable to export. Error in SASS

3 Answers 32 Views
Theme Builder Pro
Mayukh
Top achievements
Rank 1
Mayukh asked on 05 Dec 2023, 11:57 AM

Hello,

 

I am getting the following error while using Themebuilder.

Invalid value for `box-shadow` property. Mismatch syntax: none | <shadow># value: 0 4px 16px 0 rgba(0, 0, 0, 0.12)). Check the "box-shadow" property of your recently edited styles!

 

Because of this I am unable to export CSS.

PFA screenshot.

 

 

Thanks & Regards

Mayukh


 

3 Answers, 1 is accepted

Sort by
0
Nick Iliev
Telerik team
answered on 05 Dec 2023, 12:11 PM

Hello Mayukh,

 

If you know where the most recent custom change to a shadow effect was made, you can attempt to manually adjust its value to prevent it from being set to "none" or to fix any possible issue with the input values. This can be done by using a reset option or by explicitly inputting the desired values.

If you are still experiencing the issue, please share your ThemeBuilder project with themebuilder@progress.com using the Share functionality in the top-right corner of the application (and if possible elaborate on which component has the shadow effect applied). This will assist us in identifying the problem and offering appropriate guidance or a solution.

 

Regards,
Nick Iliev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

0
Mayukh
Top achievements
Rank 1
answered on 05 Dec 2023, 12:51 PM

Nick, I have shared the project in Themebuilder with themebuilder@progress.com.

We tried doing what you suggested. But it has not worked.

Can you please help.

Thank you.

0
Nick Iliev
Telerik team
answered on 05 Dec 2023, 01:52 PM

Hello Mayukh,

 

Thank you for your quick response and for sharing the project with us.

Our investigation has revealed a possible bug in the Effects property, causing the effect color to be added incorrectly. Our team is already working on a stable solution for this issue, which will be included as a hotfix in the upcoming patch versions of the ThemeBuilder application.

In the meantime, to resolve the issue within your project and continue your work, please follow the steps below:

1. Open the FloatingActionButton component through the Advanced Edit.

2. Select the Secondary template

3. Select the (button) Button component part

4. Scroll down to the Effects section, and use the More option (three horizontal dots) for the third Drop Shadow effect.

5. From the Color field, remove the extra closing bracket for the RGBA value - from rgba(0,0,0,0.12)) it should become rgba(0,0,0,0.12)



Then repeat the same for the Primary template of the FloaringActionButton.

1. Open the FloatingActionButton component through the Advanced Edit

2. Select the Primary template

3. Select the (button) Button component part

4. Scroll down to the Effects section, and use the More option (three horizontal dots) for the Drop Shadow effect.

5. From the Color field, remove the extra closing bracket for the RGBA value - from rgba(0,0,0,0.12)) it should become rgba(0,0,0,0.12)

After implementing the aforementioned fixes, you will be able to export your project successfully. Please let us know if you require further assistance or information.

 

Regards,
Nick Iliev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Theme Builder Pro
Asked by
Mayukh
Top achievements
Rank 1
Answers by
Nick Iliev
Telerik team
Mayukh
Top achievements
Rank 1
Share this question
or