This is a migrated thread and some comments may be shown as answers.

Font problem in silk skin

3 Answers 111 Views
Navigation
This is a migrated thread and some comments may be shown as answers.
Kjell
Top achievements
Rank 1
Iron
Kjell asked on 03 Jul 2016, 07:45 PM

I use Rad Navigation in a Control and MasterPage.
When i use Silk skin, font in sub menu is lost.

Se attached image

3 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 05 Jul 2016, 06:03 AM
Hello Kjell,

I attached sample content and master pages and a UserControl with the RadNavigation using Silk skin. Please modify them so the issue is reproduced and post your modifications. If you are applying custom CSS add it if it is needed for replicating the behavior.

Regards,
Ivan Danchev
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
0
Kjell
Top achievements
Rank 1
Iron
answered on 21 Nov 2016, 11:43 PM

Still big problem with the font in sub menu.
Bootstrap works, now default in web.config. but 80% of all skins do i have problem with. You can test your WebUserControl.ascx from TestFont.zip here. http://www.avaudden.se/test/Default.aspx

I use App_Themes, you found it here: http://www.avaudden.se/App_Themes/gray/standard.css

Suggested action of my problem? I want to use Telerik skin....

 

0
Ivan Danchev
Telerik team
answered on 24 Nov 2016, 12:09 PM
Hello Kjell,

Thank you for the additional information provided.

As you can see in the following screenshot the sub-menus are rendered outside the main Navigation div element and outside the div with id pagewrap you apply the HelveticaNeue-Light font to. And since the sub-menus are not placed in the div the font is not applied to them. In order to apply it you can add the sub-menus class (rnvSlide) to your CSS rule:
#pagewrap, .rnvSlide {
    color: #333333;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    line-height: normal;
    font-style: normal;
    background-color: white;
}


Regards,
Ivan Danchev
Telerik by Progress
Telerik UI for ASP.NET AJAX is ready for Visual Studio 2017 RC! Learn more.
Tags
Navigation
Asked by
Kjell
Top achievements
Rank 1
Iron
Answers by
Ivan Danchev
Telerik team
Kjell
Top achievements
Rank 1
Iron
Share this question
or