Editor using Bootstrap skin UI issue

3 posts, 0 answers
  1. lan luo
    lan luo avatar
    48 posts
    Member since:
    May 2010

    Posted 09 Aug 2017 Link to this post

    Hi Telerik Team,


    Our company try to change editor's skin to "Bootstrap" but we found some UI issues. If we open some plugins, such as "Table Wizard", some icons not centered. I compared it with RadEditor demo site, I found our Editor plugin window using table but demo site using Div. Is there any way we can change the setting?

    We are using 2017.2.621.40 Version. Please see the attachment for our plugin page.


    Thanks in advance,


  2. Rumen
    Rumen avatar
    14317 posts

    Posted 09 Aug 2017 Link to this post


    The difference in the rendering of the dialog in the demos and on your server could be due to the RenderMode setting.

    Can you please remove all instances of the RenderMode property from the app and set it globally to Lightweight in the web.config file:

        <add key="Telerik.Web.UI.RenderMode" value="lightweight" />

    Does this solve the issue?

    If not, check the following help article http://docs.telerik.com/devtools/aspnet-ajax/general-information/troubleshooting/skins-troubleshooting#incorrect-or-distorted-appearance.

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. lan luo
    lan luo avatar
    48 posts
    Member since:
    May 2010

    Posted 11 Aug 2017 in reply to Rumen Link to this post

    Thank you Rumen!
Back to Top