Default skin and render mode classic vs. lightweight

2 posts, 0 answers
  1. Christian
    Christian avatar
    11 posts
    Member since:
    Apr 2015

    Posted 05 Apr 2016 Link to this post


    I want to switch an existing project based on the "Default" Skin from "classic" rendermode to "lightweight" rendermode. The problem is that this extremely changes the dimensions of the controls (RadTextBox, RadComboBox and so on) especially the height.

    We need the compact size of the "Default" skin and decreasing the font size is not an option because to get the same height like we get using "classic" rendermoder the font will be quite too small.

    You can try your demo and switch the rendermode to see what I mean:

    Any suggestions?

  2. Pavlina
    Pavlina avatar
    6166 posts

    Posted 07 Apr 2016 Link to this post


    In the Lightweight Render Mode all UI for ASP.NET AJAX controls do not have a default font as of Q1 2016 SP1. This means that by changing just the font size of the body, the layout of the controls can be easily adjusted to fulfill various needs. In your case you can try setting 12px font-size and the Segoe UI font to the body as shown below and see how it goes.
    body {
        font-size: 12px;
        font-family: "Segoe UI", Arial, Sans-serif;

    More information about the controls fonts is available in the article below:

    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top