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 Link to this post

    Hi!

    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:
    http://demos.telerik.com/aspnet-ajax/textbox/functionality/render-modes/defaultcs.aspx?skin=Default

    Any suggestions?

  2. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 07 Apr Link to this post

    Hi,

    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:
    http://docs.telerik.com/devtools/aspnet-ajax/general-information/controlling-visual-appearance/fonts

    Regards,
    Pavlina
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top