RadMenu adaptive behavior: When RenderMode is Auto, can it use "Classic" for desktop instead of "Lightweight"?

3 posts, 1 answers
  1. Kan
    Kan avatar
    2 posts
    Member since:
    Sep 2016

    Posted 29 Sep Link to this post

    Hi,

    I am playing with Radmenu on multiple devices, including desktop and mobile devices. I realize i can set "RenderMode" to "Auto" and it will adapt to devices automatically.

    However, one issue i noticed is that once it is set to "Auto", it renders desktop menu in "Lightweight" mode. According to my research, it is the default behavior: if there is lightweight mode available, use lightweight mode for desktop and using Mobile mode for mobile devices. I also realized the lightweight mode has different HTML layout than the Classic one. That cause some styling issue cross my web application. I would prefer to show "Classic" on desktop, and "Mobile" for mobile devices. Is there any setting/configuration that can help with that?

    In addition, is there any specific CSS files for lightweight mode that I need to download and add to my web application (because this is my first time play with lightweight render mode)?

     

    Thanks

    Kan

  2. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 30 Sep Link to this post

    Hi Kan,

    As you have mentioned, it is really true that if a control has lightweight render mode, then the auto render mode, on desktop devices will resolve lightweight. If you would like to resolve classic render mode, it is necessary to make it manually with a custom server side logic by device detection framework.

    We also recommend to use lightweight render mode as the classic render mode is not developed any more. Lightweight render mode is also easier for customizing. If you meet any difficulties with using lightweight render mode, you can contact us for any further assistance.

    As you have already said, lightweight and classic render mode have different rendering. They have also different base and skin files. Depending on the resolved skin, we refer the suitable styles. Base styles for lightweight render mode are in the Skin/ControlsNameLite.css. Skin styles for lightweight render mode is in Skin/SkinNameLight/ControlName.Skin.css.

    Do nоt hesitate to contact us if you have other questions.

    Regards,
    Magdalena
    Telerik by Progress
    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
  4. Kan
    Kan avatar
    2 posts
    Member since:
    Sep 2016

    Posted 30 Sep Link to this post

    Thanks Magdalena, after adding lightweight and mobile skins (for menu) to project, it works
Back to Top