Can't Change Dropdown Format in Angular Report Viewer

1 Answer 106 Views
Report Viewer - Angular
Cezary
Top achievements
Rank 1
Cezary asked on 27 Nov 2023, 10:03 AM

Hello, 
I tried to add parameters to change default format from LIST_VIEW to COMBO_BOX but i can't do it.
I added like below but it don't work
version used 16.2.22.914

<tr-viewer 
    #viewer1
    [containerStyle]="viewerContainerStyle"
    [serviceUrl]="address"
    [reportSource]="{
        report: test.trdx,
        parameters: {
         editors: {
             singleSelect: viewer.ParameterEditorTypes.COMBO_BOX,
             multiSelect: viewer.ParameterEditorTypes.COMBO_BOX
         }
     },
    }"
    [viewMode]="'INTERACTIVE'"
    [ready]="ready"
    [scaleMode]="'SPECIFIC'"
    [scale]="1.2">
</tr-viewer>


1 Answer, 1 is accepted

Sort by
1
Accepted
Dimitar
Telerik team
answered on 29 Nov 2023, 04:22 PM

Hi Cezary,

In order to change the widget type, you need to use the parameters property that is at the top level of the report viewer, for example:

<tr-viewer #viewer1 
    [containerStyle]="viewerContainerStyle" 
    [serviceUrl]="'http://localhost:59655/api/reports/'"
    [reportSource]="{
        report: 'Product Line Sales.trdp',
        parameters: {}
    }" 
    [parameters]="{
        editors: {
            multiSelect: 'COMBO_BOX',
            singleSelect: 'COMBO_BOX'
        }
    }" >
</tr-viewer>

I hope this example will help. Please let me know if you have any other questions.

Regards,
Dimitar
Progress Telerik

Stay tuned by visiting our roadmap and feedback portal pages, enjoy a smooth take-off with our Getting Started resources, or visit the free self-paced technical training at https://learn.telerik.com/.
Cezary
Top achievements
Rank 1
commented on 07 Dec 2023, 09:43 AM

Is there possibility to change default height in combobox?
Dimitar
Telerik team
commented on 11 Dec 2023, 12:53 PM

Do you need to change the height of the selected items or the parent's size? The following CSS examples should help for both scenarios:

    /* parent */
    .trv-parameter-editor-available-values-multiselect .trv-combo {
        height: 60px;
    }

    /* children */
    .trv-parameter-editor-available-values-multiselect .trv-combo .k-selection-multiple .k-chip {
        height: 30px;
    }

Tags
Report Viewer - Angular
Asked by
Cezary
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Share this question
or