RadTabStrip not getting same as in Theme builder

[M Kumar]

Hi, 
   I generate RadTabStrip theme builder using following link https://themebuilder.telerik.com/aspnet-ajax.In that i used Material theme and color swatches as Blue Light, and generated css and imported in my same testing page - http://prntscr.com/qcyymj , and output is http://prntscr.com/qcyz40 , 
but in theme builder - http://prntscr.com/qcz00i

 

Pls reply asap

Thanks

 

 

[Rumen]

Hi M Kumar,

I was able to get the white line underline when exporting a customized Material theme. For your convenience I have attached a video demo of my test as well as my test files.

The project runs with the latest version of Telerik.Web.UI.dll.

Please test and let me know if I am missing something.

Regards,
Rumen
Progress Telerik

[M Kumar]

 Thanks for reply, is it only work with latest version (2019) of dll ? may i know from which version of dll will work if using css generated by Theme building Saas ? i am using Telerik version of 2017.2.711.40.


Thanks

[Rumen]

Hi,

I just tested the same scenario with version 2017.2.711 and got the same result as with the latest version. The skin generated by the Theme Builder works fine with both versions.

The problem on your end could be due to some global CSS or something else. Please check this article for troubleshooting tips: https://docs.telerik.com/devtools/aspnet-ajax/general-information/troubleshooting/skins-troubleshooting#incorrect-or-distorted-appearance.

 

Regards,
Rumen
Progress Telerik

[M Kumar]

Hi, Thanks for reply, here i attach sample project with old dll version 2017.2.711.40, with tab strip css generated from Theme Builder. Pls check what i make mistake,still not appear white line on selected tab at bottom.

 Sample Project - [Telerik admin: the url was deleted since it contains the licensed version of the product]

Pls reply asap.

Thanks

[M Kumar]

And Also i am give rad tab Text as "Setting" , but it appear all are capital letters -- SETTING, http://prntscr.com/qirx23
i give User Settings but in interface - USER SETTING , how to follow same as text  in code behind ?.

Thanks

[Rumen]

Hi M Kumar,

Thank you for the project.

I examined it and noticed that the tabstrip was rendered in Classic render mode. The Themes produced by the Theme Builder are compliant only with the Lightweight rendering of the controls.

That's why I set the RenderMode property to Lightweight and that fixed the white underline problem:

 <telerik:RadTabStrip ID="PageTab" MultiPageID="MultiPage" runat="server"   EnableEmbeddedSkins="false" Skin="tabStip" RenderMode="Lightweight" ...

As to the upper letters they are controlled by the following class which you can override like this:

    <style>
        .RadTabStrip_tabStip {
            text-transform: none;
        }
    </style>

 

Regards,
Rumen
Progress Telerik

[M Kumar]

Thanks its working...