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 Answers, 1 is accepted
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
Rank 1