RadMenu Font size

4 posts, 0 answers
  1. Thomas
    Thomas avatar
    30 posts
    Member since:
    Aug 2010

    Posted 10 Mar 2012 Link to this post

    I am trying to change the font size of the whole RadMenu with
    <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Sunset" Width="100%" Font-Size="Larger"> 

    Unfortunaltely that doesn't work, I have to apply the font-size to every Menu item itself.
    <telerik:RadMenuItem runat="server" Text="xxx" NavigateUrl="xxx.aspx" Font-Size="Larger">

    Is this a feature or a bug?

    Thanks, Thomas
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 12 Mar 2012 Link to this post

    Hello,

    When you are using a skin you have to override the default font-size using css.
    CSS:
    .RadMenu_Sunset, .RadMenu_Sunset a.rmLink
    {
        font-size :larger !important;
    }

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Shoshanah
    Shoshanah avatar
    9 posts
    Member since:
    Feb 2009

    Posted 02 Jul 2014 Link to this post

    Thanks Princy.

    I have a followup question for this solution. In my application, we allow users to select the Skin they want to use.  Is there a way to use CSS to set the font that would apply to all skins?
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 02 Jul 2014 in reply to Shoshanah Link to this post

    Hi Shoshanah,

    In order to achieve your scenario please try to set the CssClass for the RadMenuItem to change the font-size as follows.

    ASPX:
    <telerik:RadMenu ID="rmenuTestItems" runat="server">
        <Items>
            <telerik:RadMenuItem Text="Item1" CssClass="item-font">
            </telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Item2" CssClass="item-font">
            </telerik:RadMenuItem>
        </Items>
    </telerik:RadMenu>

    CSS:
    .item-font
    {
        font-size: large !important;
    }

    Thanks,
    Princy.
Back to Top