JSViewer Search and Export panels display no controls

Posted by: anton.briefer on 4 March 2021, 7:14 am EST

  • Posted 4 March 2021, 7:14 am EST

    I have an MVC Core project using AR15 and JSViewer. When the Search or Export buttons on the left are clicked, their panels expand but show no additional controls. In a sample project provided by your tech support, Search and Export buttons display additional options (Format, Export button, etc). I have tried replacing the jsViewer.min.js file in my project with the one from the sample but it made no difference.
  • Replied 4 March 2021, 10:21 am EST

    In the sample project, the GrapeCity.ActiveReports.Aspnetcore.Viewer was version 15.0.1, in my working project it was version 15.0.3 so I downgraded to 15.0.1 but it made no difference.
  • Replied 4 March 2021, 10:35 am EST

    Also tried latest stable version of GrapeCity.ActiveReports.Aspnetcore.Viewer package (15.0.4) but no difference. Had been using Firefox, tried Edge, no difference.
  • Replied 7 March 2021, 12:46 am EST

    Hello,

    I am not able to reproduce the issue with the attached sample. Could you please either modify the attached sample or provide your stripped down sample with me so that I can replicate the issue at my end.
    https://drive.google.com/file/d/1_es4awcqjBWagkADoegKLdQOlXWdL9et/view?usp=sharing

    Thanks,
    Mohit
  • Replied 8 March 2021, 6:38 am EST

    We found the problem. In the sample project from your support, the index.css file contains this:

    #viewerContainer {
    background-color: #e5e5e5;
    height: 100vh;
    }

    When we include this in our project, the controls for search and export are displayed when the search and export panels are expanded. It seems like this css logic should be included in jsViewer.min.css or your documentation should include instructions to add this logic to index.css.
  • Marked as Answer

    Replied 8 March 2021, 4:18 pm EST

    Hello,

    This css is not mandatory. You can also set the height of the JSViewer to show export panel in the DIV section as follow:
    <div style="float:right;width:100%;height:800px" id="viewerContainer">
    and it works fine at my end.

    Thanks,
    Mohit
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels