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

web report viewer problem with xhtml transitional doctype

7 Answers 202 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Guy Porritt
Top achievements
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 

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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 

<!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

Sort by
0
Chavdar
Telerik team
answered on 26 Feb 2008, 10:13 AM
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
0
Sundar
Top achievements
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  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> as mentioned in the previous link, the report viewer is not displaying the report area.

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
Chavdar
Telerik team
answered on 03 Jul 2009, 02:22 PM
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.
0
Darren
Top achievements
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
0
Steve
Telerik team
answered on 05 Aug 2009, 04:12 PM
Hello Darren ,

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
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
0
Steve
Telerik team
answered on 03 Jun 2010, 04:06 PM
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.
Tags
General Discussions
Asked by
Guy Porritt
Top achievements
Rank 1
Answers by
Chavdar
Telerik team
Sundar
Top achievements
Rank 1
Darren
Top achievements
Rank 1
Steve
Telerik team
Satya
Top achievements
Rank 1
Share this question
or