Report Viewer - bootstrap theme display issues

2 posts, 0 answers
  1. Geoff
    Geoff avatar
    28 posts
    Member since:
    Jul 2010

    Posted 09 Mar 2015 Link to this post

    Hi all

    We have a .NET web site that uses the Telerik bootstrap theme.

    When we add a web form report viewer to our site the toolbar in the report viewer displays incorrectly - please see attached image.

    Everything works fine but some of the elements in the toolbar look as though they are being skinned by the skin and others aren't.

    What is the solution to this to either...

    1. Skin the whole report viewer using the Telerik theme so it looks consistent or
    2. Stop the report viewer from trying to pick up the skin/theme.

    Thanks in advance.
  2. Stef
    Stef avatar
    3610 posts

    Posted 10 Mar 2015 Link to this post

    Hi Geoff,

    The HTML5 Report Viewer's content is rendered in a DIV element. Thus when you use customized pages, you need to provide proper CSS rules to style the DIV element e.g. position it relatively to the additional elements and set its sizes.

    Please use the browser's Console and check the calculated styles of elements in the viewer's DIV element. Thus you can trace the CSS rules inheritance and apply proper corrections.

    If you need further help, feel free to open a support ticket and submit a demo project to check your settings.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top