Layout of the HTML 5 Report Viewer

2 posts, 0 answers
  1. Vasudha
    Vasudha avatar
    3 posts
    Member since:
    Dec 2015

    Posted 18 Feb 2016 Link to this post

    Can we change the layout of the HTML 5 viewer . Like Parameter at the top of the report instead On right side.

    Also I want to display a dropdown box instead of default Listbox for report parameter.


    Please let me know if it is possible


  2. Stef
    Stef avatar
    3611 posts

    Posted 19 Feb 2016 Link to this post

    Hello Vasudha,

    The HTML5 Viewer's parameters area is displayed on the right sight of the viewer. To change the location of the parameters area, you will have to use CSS and Javascript to affect the rendered HTML, or you will have to modify the viewer's CSS and HTML templates - the files will have to be linked on the page explicitly by specifying the viewer's templateUrl and adding a link to the viewer's CSS file in the page. The HTML5 Viewer's template files are located by default in Telerik\Reporting Q1 2016\Html5\ReportViewer.

    About customizing the default parameters editors, on creating the viewer object add the parameterEditors attribute along with the other attributes like serviceUrl, reportSource and etc. The linked article illustrates how to use kendoDropDownList as parameter editor.

    Other approach that we can suggest you is to use custom UI to update the viewer's reportSource. Please consider the example in How To: Pass Values to Report Parameters.

    I hope this information is helpful.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top