[Solved] Positioning of report parameters in telerik report

[Sobiya]

Hi,

I want to reposition my telerik report parameters according to my need,
how can i do this?

[Hadib Ahmabi]

They are always aligned in a table-like manner, you can only swap their places (first, second, etc..)
If you need anything fancy, you should use custom parameter toolbar. 

[Sobiya]

yes, i need to change their places, how can i do that?

[Steve]

Hi Sobiya,

Use the ReportParameter Collection Editor to change the order of the report parameters via the arrows on the right side of the pane.

Kind regards,
Steve
the Telerik team

[Rafa]

Hi Steve,

In my case, I want the Report Parameter UI to be at the left-side of the report, not on top. And I believe that's what @Sobiya trying to do too. 
Is that possible?

Thanks & Regards.
Rafa

[Rafa]

Hi Steve,

In my case, I want the Report Parameter UI to be at the left-side of the report, not on top. And I believe that's what @Sobiya trying to do too. Is this possible?

Thanks & Regards,
Rafa

[KS]

Hi,

Edit the template of the viewer. XAML/HTML5 viewers come with external template files.

-KS

[Rafa]

Hi KS,

Could you explain more? As I can't find any option to view the report design in  XAML/HTML5 viewers.

Thanks & Regards,
Rafa

[KS]

Hi,

XAML/HTML5 viewers have template files.. like Telerik.ReportViewer.Silverlight.xaml / telerikReportViewerTemplate-8.2.14.1027.html. In these templates adding /removing /reordering of UI is easier. Since the parameters UI is on top, I suppose this is an old web viewer case (the not editable one), and I am talking about the HTML5 viewer. Add the HTML5 Viewer with the VS item template and you will see the template files.

-KS

[HZ]

Hi, 

 Is there any example of how to use the parameters on top, similar to the parameters in the silverlight report viewer?

 

[Stef]

Hello HZ,

There is no specific example. The HTML5 Report VIewer's template (HTML/CSS/JS) is available for modifications by directly changing the default settings or by using external HTML/CSS/JS to affect the HTML elements rendered for the viewer.

You can use the browser's console to expected the viewer's HTML elements and their attributes, which styles and how are applied and then to modify the template.


Note that changes in the default settings of the viewer will cause you to upgrade manually the template files in future. Thus if you need customized parameters area, you may prefer to create entirely custom UI that updates the viewer's reportSource - How To: Pass Values to Report Parameters.


I hope this information is helpful.

Regards,
Stef
Telerik