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

Viewer in div

5 Answers 264 Views

General Discussions

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

5 Answers, 1 is accepted

answered on 10 Apr 2009, 09:38 AM

Hello Syed,

I have not been able to reproduce this locally with the following code:

    
             <script type="text/javascript"> 
        
                    function test() 
        
                    { 
        
                        var mydiv = document.getElementById("divCameras"); 
        
                        mydiv.style.display = "block"; 
        
                    } 
        
                </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="test(); return false;" /> 
        
               <div id="divCameras" style="display: none;">  
        
                    <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="384px" Report="ClassLibrary1.Report1, ClassLibrary1, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" 
        
                        Width="789px"> 
        
                    </telerik:ReportViewer> 
        
            </div>

Please try it and let us know if further help is needed.

All the best,
Steve
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

answered on 13 Apr 2009, 07:22 AM

Hi Syed,

Can you clarify the problem once again - is it that the reportViewer control never appears on the page or are you only having problems with its height? If the first one, please use a DOM inspector such as web developer, firebug or IE developer toolbar to pinpoint what is happening.
If the problem is only with the height of the viewer, then it has nothing to do with the fact that it is initially hidden. What browser/version are you using and does it happen on all?
Note that in order to have the Web ReportViewer display with 100% height in Internet Explorer, you would need to remove the VS default doctype (or use a less restrictive one) and apply height to the whole DOM tree:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="Telerik.ReportViewer.WebForms, Version=3.0.9.311, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" 
        
                Namespace="Telerik.ReportViewer.WebForms" TagPrefix="telerik" %> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" id="html"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
                <style type="text/css">   
        
              html#html, body#body, form#form1, div#divCameras 
        
              { 
        
               height: 100%; 
        
              } 
        
            </style> 
        
            </head> 
        
            <body id="body"> 
        
                <form id="form1" runat="server"> 
        
                    <div id="divCameras" > 
        
                        <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="100%" Width="100%" BorderColor="#404040" BorderStyle="Solid"> 
        
                        </telerik:ReportViewer> 
        
                    </div> 
        
                </form> 
        
            </body> 
        
            </html>

If still having problems, you can zip your web page and provide us with a link to it, or open a support ticket and attach it there with reference to this forum.

Best wishes,
Steve
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.