Unable to export. Error in SASS

[Mayukh]

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

 

[Nick Iliev]

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 [e-mail] 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

[Mayukh]

Nick, I have shared the project in Themebuilder with [e-mail].

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

Can you please help.

Thank you.

[Nick Iliev]

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