control over report viewer in foreground

[Gregory Kohle]

Hi,

I´m facing an issue with the report viewer:

I want to show the dropdown menu in the foreground and the report viewer should be in the background.
What do I have to do to get it to work?
Thanks.

Regards,
Patrick

[Yuvaraj Devarajan]

Hi Patrick, 

 

Thanks for contacting Syncfusion Support. 

 

We suspect the mentioned problem might have occur when the stack order of the parent element for Dropdown and ReportViewer controls are same. So, we request you to provide the Z-index property value of parent div element has “-1” for ReportViewer control as shown in below code example to avoid the mentioned problem at your end. 

 

Default.html: 

    </script> 

    <div style="height: 650px; width: 1200px; min-height: 404px; z-index: -1" id="container"></div> 

    <script type="text/javascript"> 

        $(function () { 

            $("#container").ejReportViewer( 

                { 

                    reportServiceUrl: '/api/ReportApi_1', 

                    processingMode: ej.ReportViewer.ProcessingMode.Remote,                   

                    reportPath: '~/Report/Sample.rdl',                  

                }); 

        }); 

    </script> 

 

Regards, 

Yuvaraj D. 

[Gregory Kohle]

Hi Yuvaraj,

I tried using z-index : -1. But this didn´t work
I attached the view.cshtml.

Regards,

Patrick

Attachment: ReportView_326a51a0.zip

[Yuvaraj Devarajan]

Hi Patrick, 

 

Thanks for the update. 

 

We have tested the mentioned problem with the shared information and its working properly at our end as shown in shared screenshot. We have prepared a sample based on the shared information, so can you please revert the sample with the issue reproducible procedure to validate the mentioned problem at our end.  

 

 

 

Please find the sample from below location, 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ReportMvc_(2)-1384345248.zip  

 

Regards, 

Yuvaraj D.