This is a migrated thread and some comments may be shown as answers.

Report Viewer - bootstrap theme display issues

1 Answer 200 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Geoff
Top achievements
Rank 1
Geoff asked on 09 Mar 2015, 11:29 AM
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.

1 Answer, 1 is accepted

Sort by
0
Stef
Telerik team
answered on 10 Mar 2015, 04:42 PM
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.

Regards,
Stef
Telerik
 

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.

 
Tags
General Discussions
Asked by
Geoff
Top achievements
Rank 1
Answers by
Stef
Telerik team
Share this question
or