From the article https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/filtering/built-in-template/#toc-hiding-row-filter-operators, it seems that I can specify the available filter operators for a grid column.

With the code below, should I expect to only see 'Contains' and 'Is Equal To' in the the filter menu?  I tried but the filter menu shows all filter operators.

<kendo-grid-column field="ProductName" title="Product Name">

   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">

       <kendo-grid-string-filter-menu [column]="column" [filter]="filter" [filterService]="filterService">

           <kendo-filter-contains-operator></kendo-filter-contains-operator>

           <kendo-filter-eq-operator></kendo-filter-eq-operator>

       </kendo-grid-string-filter-menu>

   </ng-template>

</kendo-grid-column>

Thanks for any clarification.

Hello,

Our requirement is text should be wrap when user type long text in conversational UI input.

Currently it's showing in single line which make poor user experience . 

Please provide some work around in stackblitz demo. 

Thanks

When a filter is active in a column header the background colour changes to red by default.

I would like to be able to set it to a different colour depending on the data present in the filter. Is there a way to do this? 

Thanks

Hi Team,

I am using angular Kendo Grid. I introduced edit option in the grid and I have requirement like edit the text with 400 chars in the gird column .

As default while editing the row I am getting Textbox for all columns but here I want textarea for the particular column then I can easily enter the text

Can you please help me on this?

Thanks

Sankar

Hello,

I am working on a grid component and I would like to enter edit mode (edit button is outside of the grid) then turn every row in the grid to edit table.

There is only one column is allowed for editable and it's a date field. So, I now create  an edit template.

When I add an onclick to the button outside the grid, I am using this.grid.editRow(index, formgroup) in order to make the row editable.

However the editRow makes/fires an DataStateChangeEvent and it makes the scroll bar moves.

The story behind is that I have a tons of records with no actual page and I am using data state change to just skip rows.

Is there anyway to make the multiple editable rows better?

Can you also suggest the life cycle of the grid / state changes, please?

based on given example, is it possible to have an event which will fire when saveAs() done?

https://www.telerik.com/kendo-angular-ui/components/pdfexport/multi-page-content/#toc-page-templates

In my project there was a some data fetch from API, and it was take some time. So UI is design to show "Preparing data to be exported" Loading popup.  need to catch the moment when saveAs() completed to hide the loading.

Note that beside the request/response html file preparation and exportation also takes some time. So the opup must be closed right when saveAs() done

Hi, I am using export to PDF on kendo scatter chart. I am getting error  @progress/kendo-drawing/main"' has no exported member 'DrawOptions'.

Component file:

import { pdf, exportPDF } from '@progress/kendo-drawing';
import { saveAs } from '@progress/kendo-file-saver';

    onClick(pdf) {
        // enable/show the loader
        pdf.export().then(group => {
         const options = <pdf.PDFOptions>{ paperSize: 'A5', landscape: true };
         exportPDF(group, options).then(data => {
            console.log('PDF ready!');
            // disable/hide the loader
            saveAs(data, 'scene.pdf');
         });
        });
     }

HTML File

<kendo-pdf-export #pdf>

<kendo-chart [pannable]="true" [zoomable]="true">
<kendo-chart-series>
<kendo-chart-series-item type="scatter" [data]="graphData" xField="inc_margin_amt" yField="inc_sales_amt">
</kendo-chart-series-item>
</kendo-chart-series>
<kendo-chart-x-axis>
<kendo-chart-x-axis-item [labels]="valueAxisLabels" [axisCrossingValue]="marginthreshold">
</kendo-chart-x-axis-item>
</kendo-chart-x-axis>
<kendo-chart-y-axis>
<kendo-chart-y-axis-item [labels]="valueAxisLabels" [axisCrossingValue]="salesthreshold">
</kendo-chart-y-axis-item>
</kendo-chart-y-axis>
<!-- <kendo-chart-series-item-tooltip format="Margin {0:c0} - Sales {1:c0}">
</kendo-chart-series-item-tooltip> -->
<kendo-chart-tooltip>
<ng-template kendoChartSeriesTooltipTemplate let-dataItem="dataItem">
<div> {{'Promo Week' | translate:lang}} : {{ dataItem.promoweek_num }} </div>
<div *ngIf="showPromoName">{{'Promo Name' | translate:lang}} : {{ dataItem.internal_promo_desc }}</div>
<div *ngIf="showCIGDesc">{{'CIG Description' | translate:lang}} : {{ dataItem.cig_desc }} </div>
<div> {{'Promotion Detail' | translate:lang}} : {{ dataItem.promotion_Detail }}</div>
<div>
<span class="pull-left">{{'INCR_MARGIN' | translate:lang}} : {{ dataItem.inc_margin_amt | currencyNumber:0:false }}</span>
<span class="pull-right">{{'INCR_SALES' | translate:lang}}: {{ dataItem.inc_sales_amt | currencyNumber:0:false}}</span>
<div class="clearfix"></div>
</div>
</ng-template>
</kendo-chart-tooltip>
</kendo-chart>

</kendo-pdf-export>

I have a question. How to add content through TemplateRef to Sortable/Kendo. For example, I want to render several Windows. I can do that? Or is it for text only?

<kendo-sortable [kendoSortableBinding]="[contentTemplates]" class="row">

<ng-template let-item="item">
    {{item.templateRef}}
</ng-template>

</kendo-sortable>

contentTemplates - It is QueryList Templates