We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

control over report viewer in foreground

Thread ID:

Created:

Updated:

Platform:

Replies:

131982 Aug 7,2017 04:55 AM Aug 10,2017 09:45 AM Report Platform 3
loading
Tags: Report Viewer
Gregory Kohle
Asked On August 7, 2017 04:55 AM

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 [Syncfusion]
Replied On August 8, 2017 09:05 AM

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
Replied On August 9, 2017 02:57 AM

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 [Syncfusion]
Replied On August 10, 2017 09:45 AM

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, 
 
Regards, 
Yuvaraj D. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;