Help with css and toolbar viewer

[romulocpd]

Hello.

If I use the web viewer in a blank layout the report is perfect. But I'm trying show the report in my layout. The report is OK but the margins of the viewer toolbar are not correct. See the attach.

Example

css webviewer.png (11.74 KiB) Viewed 3589 times

Any help? Maybe any style in a div to show the report.

I've tested:

Code: Select all

<div style="display: block;">
@Html.Stimulsoft().StiMvcViewer(new StiMvcViewerOptions() {
                Theme = StiTheme.Office2010,
                ActionGetReportSnapshot = "DadosExibicaoRelatorio",
                ActionViewerEvent = "ViewerEvent",
                ActionPrintReport = "PrintReport",
                ActionExportReport = "ExportReport",
                ActionInteraction = "Interaction"            
})
</div>

[Vladimir]

Hello,

Please send us your project (with CSS styles) for analysis, we will try to solve this problem.

Thank you.

[romulocpd]

I think it's a little hard, my project is very big and depends of database. I'll try to make a simple page with my CSS files to reproduce the problem.

[HighAley]

Hello.

We are waiting for your sample page.

Thank you.

[romulocpd]

Hello.

In attach the procject example

Problem in example:

Problem in a send example

Report 1.png (77.82 KiB) Viewed 3575 times

Other problem in my project. The menu is showed behind the report! See:

Other problem

Report 2.png (29.55 KiB) Viewed 3575 times

Thank you so much!

[Vladimir]

Hello,

We have tested your project and find a solution. Please add the following code to the _Layout.cshtml file in HEAD section, after the @Html.Stimulsoft().RenderMvcViewerScripts() code line:

Code: Select all

...
    @Html.Stimulsoft().RenderMvcViewerScripts()
    <style>
        #MvcViewer td {
            vertical-align: middle;
        }
    </style>

Regarding the second question. Please try to set a large z-index value in CSS styles for your menu.

Thank you.

[romulocpd]

Now it's working! Thank you!

[Alex K.]

Hello,

We are always glad to help you!