JSViewer Search and Export panels display no controls

JSViewer Search and Export panels display no controls

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

• 

  anton.briefer

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  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.

• 

  anton.briefer

  • Post Options:
  • Link
    Copy

  Posted 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.

• 

  anton.briefer

  • Post Options:
  • Link
    Copy

  Posted 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.

• 

  mohitg

  

  • Post Options:
  • Link
    Copy

  Posted 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

• 

  anton.briefer

  • Post Options:
  • Link
    Copy

  Posted 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.

• 

  mohitg

  

  • Post Options:
  • Link
    Copy

  Posted 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:
  
  

  
  
  and it works fine at my end.

  Thanks,
  
  Mohit