Page 1 of 1

Help with css and toolbar viewer

Posted: Wed Oct 23, 2013 10:52 am
by 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
Example
css webviewer.png (11.74 KiB) Viewed 3591 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>

Re: Help with css and toolbar viewer

Posted: Wed Oct 23, 2013 2:04 pm
by Vladimir
Hello,

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

Thank you.

Re: Help with css and toolbar viewer

Posted: Wed Oct 23, 2013 3:36 pm
by 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.

Re: Help with css and toolbar viewer

Posted: Thu Oct 24, 2013 10:26 am
by HighAley
Hello.

We are waiting for your sample page.

Thank you.

Re: Help with css and toolbar viewer

Posted: Thu Oct 24, 2013 12:46 pm
by romulocpd
Hello.

In attach the procject example

Problem in example:
Problem in a send example
Problem in a send example
Report 1.png (77.82 KiB) Viewed 3577 times
Other problem in my project. The menu is showed behind the report! See:
Other problem
Other problem
Report 2.png (29.55 KiB) Viewed 3577 times
Thank you so much!

Re: Help with css and toolbar viewer

Posted: Fri Oct 25, 2013 11:54 am
by 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.

Re: Help with css and toolbar viewer

Posted: Fri Oct 25, 2013 12:00 pm
by romulocpd
Now it's working! Thank you!

Re: Help with css and toolbar viewer

Posted: Fri Oct 25, 2013 12:02 pm
by Alex K.
Hello,

We are always glad to help you!