Custom skin display problem

[favand]

Hello,

Im having issues with the new telerik theme builder avaible here http://themebuilder.telerik.com/
I created a skin based on Material skin with orange color instead of green.
Then, I placed the files in my App_Theme folder, set EnableEmbeddedSkin to false and Default Skin to "Avanti" (the name of the skin).
However, im getting strange behavior and can't get the skin to render properly.

I attached a screenshot of the result.

What could cause this ?

 

[Rumen]

Hi there,

Thank you for the video and extra details in your ticket.

Straight to the points:

1) Animation - For the time being the animation effects are not available in the custom themes. My advice is to post a feature request in the feedback portal and to request support for it. If there is enough demand our Product Manager will raise the priority of this feature in the backlog.

2) Ribbonbar border and 3) Transparent dropdown background - I'm currently working on this issues and write back on Monday.

 

Best regards,
Rumen
Telerik by Progress

[Rumen]

Hello Favand,

I investigated the problem further and was able to solve it using the following CSS, which I put in the head tag of the \SkinTelerikSample\MasterPages\BackOffice_Master.Master file:

<style>
    .RadEditor_Avanti.reDropDownBody {
    background-color: #ffffff;
    }
    .RadRibbonBar_Avanti div.rrbWrap {
    border-color: #CFD8DC;
    }
    .RadRibbonBar .rrbTabs span.rrbLink {
    border-color: transparent;
    }
</style>

Best regards,
Rumen
Telerik by Progress

[Sachita]

I have appearance issue with Hyperlink Manager, Issue is OK and CANCEL Buttons are not displayed after upgrading to the latest version R32020,with .net 3.5,Inspect element issue is with  Padding to be adjusted in Widgets.css. After Editing the CSS file , to get a modified Skins dll to add to my project,could you please tell me next step to do?

 

[Rumen]

Hi Sachita,

I am not aware of the reported problem and I was unable to replicate the issue neither with the Classic nor the Lightweight render mode in this demo.

There are two things to try:

• resize the dialog as explained in https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/functionality/dialogs/examples/resize-dialogs. 
• import your own css class that will override the padding via the DialogsCssFile property of RadEditor.

In case you need any further assistance, please help me to reproduce the problem by providing a simple runnable project which demos the issue.

Best Regards,
Rumen
Progress Telerik