Guy Porritt
Top achievements
Rank 1
Rank 1
Guy Porritt
asked on 25 Feb 2008, 06:25 PM
I've built a web app that incorporates the web report viewer. The page containing the viewer has the following doctype
This results in the border of the report viewer rendering incorrectly. it's simple enough to check just create apage with the report viewer included and add and remove the doctype to see the effect.
The only doctype that I've found that works is
or to use no doctype.
either of these solutions results in the vertical scrollbar space being reserved even though it is not required.
Any ideas?
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
The only doctype that I've found that works is
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> or to use no doctype.
either of these solutions results in the vertical scrollbar space being reserved even though it is not required.
Any ideas?
7 Answers, 1 is accepted
0
Hello Guy Porritt,
It is quite normal to observe this behavior as the doctype element makes the browser switch between different rendering modes. The doctype also makes the browser to interpret the width and height attributes in a different way.
Given that you may still control the viewer's appearance by setting appropriate width/height properties which correspond to the specific doctype model you have chosen for your page.
Best wishes,
Chavdar
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
It is quite normal to observe this behavior as the doctype element makes the browser switch between different rendering modes. The doctype also makes the browser to interpret the width and height attributes in a different way.
Given that you may still control the viewer's appearance by setting appropriate width/height properties which correspond to the specific doctype model you have chosen for your page.
Best wishes,
Chavdar
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Sundar
Top achievements
Rank 1
Rank 1
answered on 03 Jul 2009, 11:05 AM
Hi Chavdar,
I'm having the same problem while using IE 6.0. In our application we are using the following document type <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">.
When i remove the document type and apply the style sheet as advised in the following link http://www.telerik.com/community/forums/reporting/telerik-reporting/how-to-set-reportviewer-height-and-width-to-100.aspx ,the report viewer is displaying 100% height in IE.
If i change the document type to
While when i remove document type from our master page of the application , we are facing style related issues in controls of our application. We cant remove the doc type in master page since it is affecting all the existing pages of our application and also it have already been moved into production. The targetted browser for our application is IE 6.0 and above. Please let us know how to proceed on this issue.
0
Hi BenoitM,
The problem with the viewer's height in IE 6.0 when using DOCTYPEs will be fixed for the next release of Telerik Reporting (either for Q2 2009 SP1 or Q3 2009). With the current version (Q2 2009) everything should work as expected with any DOCTYPE for all browsers including IE7 and IE8 (only on IE 6.0 there is still a small glitch).
Greetings,
Chavdar
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
The problem with the viewer's height in IE 6.0 when using DOCTYPEs will be fixed for the next release of Telerik Reporting (either for Q2 2009 SP1 or Q3 2009). With the current version (Q2 2009) everything should work as expected with any DOCTYPE for all browsers including IE7 and IE8 (only on IE 6.0 there is still a small glitch).
Greetings,
Chavdar
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Darren
Top achievements
Rank 1
Rank 1
answered on 05 Aug 2009, 02:48 PM
Hi,
I'm trying to look at this link but it's no longer valid: http://www.telerik.com/community/forums/reporting/telerik-reporting/how-to-set-reportviewer-height-and-width-to-100.aspx
I need to set the height and width to 100%, is there another page I can go to for this?
Thanks,
Darren
I'm trying to look at this link but it's no longer valid: http://www.telerik.com/community/forums/reporting/telerik-reporting/how-to-set-reportviewer-height-and-width-to-100.aspx
I need to set the height and width to 100%, is there another page I can go to for this?
Thanks,
Darren
0
Hello Darren ,
Steve
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
In order to have the Web ReportViewer display with 100% height, you need to specify height to the whole DOM tree:
<html xmlns="http://www.w3.org/1999/xhtml"
id="html">
<head runat="server">
<title>telerik Report
Viewer</title>
<style type="text/css">
form#form1,
div#content
{
height: 100%;
}
</style>
</head>
<body>
<form id="form1"
runat="server">
<div
id="content"><telerik:ReportViewer ID="ReportViewer1" runat="server"
height="100%"/></div>
</form>
</body>
</html>
In some cases you would need to remove the default doctype (or use a less restrictive one) in order to get this working (e.g. IE 6).
Sincerely yours,Steve
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Satya
Top achievements
Rank 1
Rank 1
answered on 02 Jun 2010, 10:26 AM
Hi,
I am also having the same problem and not able to set the height to 100%.
I am using Q1 2010 version.
Thanks
Satya
I am also having the same problem and not able to set the height to 100%.
I am using Q1 2010 version.
Thanks
Satya
0
Hello Satya,
Please start the Telerik Reporting Visual Studio examples and open the ReportViewer.aspx page which shows you how this is accomplished. Note that stating that something does not work, without providing additional details does not really help us in identifying the cause for the problem.
Sincerely yours,
Steve
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Please start the Telerik Reporting Visual Studio examples and open the ReportViewer.aspx page which shows you how this is accomplished. Note that stating that something does not work, without providing additional details does not really help us in identifying the cause for the problem.
Sincerely yours,
Steve
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.