I have a general question related to the TableBodyComponent.html. It has an *ngIf that's kicking off a changed after checked error and I'm trying to figure out how the content of the if statement relates to my data.

The particular *ngIf is below the console error in the attached image (in case the image doesn't send properly it's at TableBodyComponent.html: 125). I'm not 100% sure what the content of the if statement conveys and I'm wondering if you can offer any insights as to what's getting hooked on my side that I may need to manually postpone to prevent this error.

Hi, 

I've got a Datagrid grouped by two different groups.The footer templates seems to be working just for the first group. Is it possible to define the footerTemplate for more than one group.

This is the datasource:

dataSource: {
                    group:[
                        {field: "style", dir: "desc",
                            aggregates: [
                                    { field: "style", aggregate: "count" },
                                    { field: "fob", aggregate: "sum" },
                                    { field: "quantity", aggregate: "sum" },
                                    { field: "approvedQuantity", aggregate: "sum" },
                                    { field: "sellingTotal", aggregate: "sum" },
                                    { field: "fobTotal", aggregate: "sum" },
                            ],
                        },
                        {
                            field: "colour", dir: "desc",
                            aggregates: [
                                    { field: "style", aggregate: "count" },
                                    { field: "fob", aggregate: "sum" },
                                    { field: "quantity", aggregate: "sum" },
                                    { field: "approvedQuantity", aggregate: "sum" },
                                    { field: "sellingTotal", aggregate: "sum" },
                                    { field: "fobTotal", aggregate: "sum" },
                            ],
                        }
                    ],

And this is the column:

{
                            field: "colour",
                            title: "Colour",
                            footerTemplate: function (data) {
                               
                                return "<div style='text-align:right'>Total Buy Margin: 100%</div>"
                            },
                            groupFooterTemplate: function (data) {
                               
                                var groupBuyMargin = 98; // This is just an example

                                return "<div style='text-align:right'>Style Buy Margin: " + groupBuyMargin + "%</div>"
                            },
                        }

Thanks,

Paul

Hi,

I am wondering if we can use the ScrollView using hardcoded items instead of using the [data] property.

Eg. in using kendo-tabstrip...

<kendo-tabstrip>                    
                    <kendo-tabstrip-tab [selected]="true">
                        <ng-template kendoTabTitle>
                                       title
                        </ng-template>
                        <ng-template kendoTabContent>

                                  markup here with stylings
                        </ng-template>
                    </kendo-tabstrip-tab>

</kendo-tabstrip>

Thank you in advance and Regards,
Rex

Hi there,

In Kendo-pdf-export, if an element is given margin-top and it  occupies more than 1 page then the margin-top is applied to the element in all the pages.

The image attached shows the abnormal behaviour.

Sample Code:

<kendo-pdf-export #pdf paperSize="A4" margin="2cm" [scale]="scale">
<div style="margin-top:200px">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer felis libero, lobortis ac rutrum quis, varius a velit. Donec lacus erat, cursus sed porta quis, adipiscing et ligula. Duis volutpat, sem pharetra accumsan pharetra, mi ligula cursus felis, ac aliquet leo diam eget risus. Integer facilisis, justo cursus venenatis vehicula, massa nisl tempor sem, in ullamcorper neque mauris in orci.
</p>
<p>
Ut orci ligula, varius ac consequat in, rhoncus in dolor. Mauris pulvinar molestie accumsan. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean velit ligula, pharetra quis aliquam sed, scelerisque sed sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam dui mi, vulputate vitae pulvinar ac, condimentum sed eros.
</p>
<p>
Aliquam at nisl quis est adipiscing bibendum. Nam malesuada eros facilisis arcu vulputate at aliquam nunc tempor. In commodo scelerisque enim, eget sodales lorem condimentum rutrum. Phasellus sem metus, ultricies at commodo in, tristique non est. Morbi vel mauris eget mauris commodo elementum. Nam eget libero lacus, ut sollicitudin ante. Nam odio quam, suscipit a fringilla eget, dignissim nec arcu. Donec tristique arcu ut sapien elementum pellentesque.
</p>
<p>
Maecenas vitae eros vel enim molestie cursus. Proin ut lacinia ipsum. Nam at elit arcu, at porttitor ipsum. Praesent id viverra lorem. Nam lacinia elementum fermentum. Nulla facilisi. Nulla bibendum erat sed sem interdum suscipit. Vestibulum eget molestie leo. Aliquam erat volutpat. Ut sed nulla libero. Suspendisse id euismod quam. Aliquam interdum turpis vitae purus consectetur in pulvinar libero accumsan. In id augue dui, ac volutpat ante. Suspendisse purus est, ullamcorper id bibendum sed, placerat id leo.
</p>
<p>
Aliquam at nisl quis est adipiscing bibendum. Nam malesuada eros facilisis arcu vulputate at aliquam nunc tempor. In commodo scelerisque enim, eget sodales lorem condimentum rutrum. Phasellus sem metus, ultricies at commodo in, tristique non est. Morbi vel mauris eget mauris commodo elementum. Nam eget libero lacus, ut sollicitudin ante. Nam odio quam, suscipit a fringilla eget, dignissim nec arcu. Donec tristique arcu ut sapien elementum pellentesque.
</p>
<p>
Maecenas vitae eros vel enim molestie cursus. Proin ut lacinia ipsum. Nam at elit arcu, at porttitor ipsum. Praesent id viverra lorem. Nam lacinia elementum fermentum. Nulla facilisi. Nulla bibendum erat sed sem interdum suscipit. Vestibulum eget molestie leo. Aliquam erat volutpat. Ut sed nulla libero. Suspendisse id euismod quam. Aliquam interdum turpis vitae purus consectetur in pulvinar libero accumsan. In id augue dui, ac volutpat ante. Suspendisse purus est, ullamcorper id bibendum sed, placerat id leo.
</p> <p>
Aliquam at nisl quis est adipiscing bibendum. Nam malesuada eros facilisis arcu vulputate at aliquam nunc tempor. In commodo scelerisque enim, eget sodales lorem condimentum rutrum. Phasellus sem metus, ultricies at commodo in, tristique non est. Morbi vel mauris eget mauris commodo elementum. Nam eget libero lacus, ut sollicitudin ante. Nam odio quam, suscipit a fringilla eget, dignissim nec arcu. Donec tristique arcu ut sapien elementum pellentesque.
</p>
<p>
Maecenas vitae eros vel enim molestie cursus. Proin ut lacinia ipsum. Nam at elit arcu, at porttitor ipsum. Praesent id viverra lorem. Nam lacinia elementum fermentum. Nulla facilisi. Nulla bibendum erat sed sem interdum suscipit. Vestibulum eget molestie leo. Aliquam erat volutpat. Ut sed nulla libero. Suspendisse id euismod quam. Aliquam interdum turpis vitae purus consectetur in pulvinar libero accumsan. In id augue dui, ac volutpat ante. Suspendisse purus est, ullamcorper id bibendum sed, placerat id leo.
</p> <p>
Aliquam at nisl quis est adipiscing bibendum. Nam malesuada eros facilisis arcu vulputate at aliquam nunc tempor. In commodo scelerisque enim, eget sodales lorem condimentum rutrum. Phasellus sem metus, ultricies at commodo in, tristique non est. Morbi vel mauris eget mauris commodo elementum. Nam eget libero lacus, ut sollicitudin ante. Nam odio quam, suscipit a fringilla eget, dignissim nec arcu. Donec tristique arcu ut sapien elementum pellentesque.
</p>
<p>
Maecenas vitae eros vel enim molestie cursus. Proin ut lacinia ipsum. Nam at elit arcu, at porttitor ipsum. Praesent id viverra lorem. Nam lacinia elementum fermentum. Nulla facilisi. Nulla bibendum erat sed sem interdum suscipit. Vestibulum eget molestie leo. Aliquam erat volutpat. Ut sed nulla libero. Suspendisse id euismod quam. Aliquam interdum turpis vitae purus consectetur in pulvinar libero accumsan. In id augue dui, ac volutpat ante. Suspendisse purus est, ullamcorper id bibendum sed, placerat id leo.
</p> <p>
Aliquam at nisl quis est adipiscing bibendum. Nam malesuada eros facilisis arcu vulputate at aliquam nunc tempor. In commodo scelerisque enim, eget sodales lorem condimentum rutrum. Phasellus sem metus, ultricies at commodo in, tristique non est. Morbi vel mauris eget mauris commodo elementum. Nam eget libero lacus, ut sollicitudin ante. Nam odio quam, suscipit a fringilla eget, dignissim nec arcu. Donec tristique arcu ut sapien elementum pellentesque.
</p>
<p>
Maecenas vitae eros vel enim molestie cursus. Proin ut lacinia ipsum. Nam at elit arcu, at porttitor ipsum. Praesent id viverra lorem. Nam lacinia elementum fermentum. Nulla facilisi. Nulla bibendum erat sed sem interdum suscipit. Vestibulum eget molestie leo. Aliquam erat volutpat. Ut sed nulla libero. Suspendisse id euismod quam. Aliquam interdum turpis vitae purus consectetur in pulvinar libero accumsan. In id augue dui, ac volutpat ante. Suspendisse purus est, ullamcorper id bibendum sed, placerat id leo.
</p>
</div>

</kendo-pdf-export>

Please provide relevant solution ASAP.

Hi,

Are there any plans for adding a colorpicker to Kendo UI for Angular?

And for now, what is your recommendation for an alternative? 

Best regards

Flemming Christiansen

I was using text type in input elements that were styled k-textbox class, but I wanted to use email and password type, but for some reason this breaks the form layout. See this example based on the grid external form. Click Add to bring up the add form.

https://stackblitz.com/edit/kendogrid-externalform-boz

I'm trying to use a DatePicker, and I would like it to show the selected date in a format appropriate for the browser locale (e.g. as I'm in UK and my browser is set to UK English I'd like the DatePicker to show 23rd May 2019 as 23/05/2019).

I've been trying to read through the globalization documentation but I'm getting a bit lost. Can you point me in the right direction or share an example that does what I'm asking?

I am looking at upgrading from angular 7.0 to 7.2. In the angular upgrade guide (https://update.angular.io/) one of the steps is to upgrade rxjs and remove rxjs-compat. I have noticed that many of the kendo packges require rxjs-compat. Can I safely upgrade per instructions or will removing rxjs-compat cause issues with kendo angular components.

Thanks,

Paul

I have a grid that is receiving paged data from the server (paging is done on the server) that is bound to a GridDataResult. When the Export to excel button is clicked I need to get all of the data, not just the displayed page. I tried to configure the export as shown in the example using the kendoGridExcel component (<kendo-grid-excel [fetchData]="onExcelExportClicked()" fileName="MyExcelFile.xlsx"></kendo-grid-excel>). After adding this to the grid, the function onExcelExportClicked gets called anytime something happens to the page (not even related to the grid). It gets executed multiple times on page load and each time I click on any control on the page. Is this the expected behavior?

Paul