Hi,

I am using kendo angular grid . angular version(12).We have a grouping feature in the grid  , using groupfootertemplate it loads some description for the group.

Issue

Lets assume we have 20 records overall. This is grouped based on a field and in result we get 2 groups with 15 and 5 items respectively. I should populate the group footer template after the last item of each group. Here the pagesize is set as 10 items per page.  But what we are observing is ,

in the first page ,after 10th element a group footer is populated and one in the second page after 5th element(first group's last record ie 15th) and the final one after last element of second group. So overall 3 footertemplate is being populated

Requirement

I should see the groupfootertemplate only after last record of group .ie in the first page I dont want the groupfootertemplate. Only after the 15th record and 20th record I should populate the groupfooter template. So in total there should be 2 group footer template insted of 3

Hi

My page contains a kendo drawer. and I set a custom icon to the drwer item. I uploaded the icons on my server and pass the icon name and location at run time. The con is not shown. this is my code

Hi,

I just upgraded my project to Angular 14, with node 14. Project does not compile anymore. If I remove reference to kendo-angular-editor, it is working fine.

Error is coming from Prosemirror libraries, that are dependencies of kendo-angular-editor.

I am using Kendo-datetimepicker in my Angular app. In my Reactive form i set the intial value as null for FormControlName. When i close the component without updating any value. It shows the following error. Please someone guide me through this. Thanks in Advance.

ERROR TypeError: Cannot read properties of null (reading 'isEmpty')
    at DateTimePickerComponent.isEmpty (index.js:8605:53)
    at FloatingLabelComponent.updateState (index.js:463:44)
    at Object.updateState [as next] (index.js:535:40)
    at SafeSubscriber.__tryOrUnsub (Subscriber.js:183:1)
    at SafeSubscriber.next (Subscriber.js:122:1)
    at Subscriber._next (Subscriber.js:72:1)
    at Subscriber.next (Subscriber.js:49:1)
    at EventEmitter_.next (Subject.js:39:1)
    at EventEmitter_.emit (core.mjs:22416:15)
    at FormControl.updateValueAndValidity (forms.mjs:2514:31)

I am attempting to functionally create a week picker, but I would like it to dropdown like the standard kendo DatePicker does. Is there a way to do this exclusively with Kendo UI components, or will I need to create my own dropdown button with the selected data as a label for it? Essentially I am attempting to create something like this  below. That will collapse to just the selected range bar when not clicked on

Hi once again,

This question is about the styling of the 100% stacked bar component. Is there any option to get only the bar that is circled in the image? Or at least any option to remove that white background? I achieved to remove the axis but I have problems with the background. Also, I would like to add some width and height to kendo-chart but only to the bar and not to the background (second image).

Regards,

Jose

Hi there,

I was using this component on my app and I noticed that when the first element of the chart-series is 80% or higher, the background area is resized and the bar gets out of the ploting area. However, I tryed to put 80% in another item and it works fine. Is there any option to deny that resize on the first item?

I modify the https://www.telerik.com/kendo-angular-ui/components/charts/series-types/bar/#toc-100-stacked-bar code to show the problem. Here is the template:

      <kendo-chart>
        <kendo-chart-series>
          <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[16]">
          </kendo-chart-series-item>
          <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[1]">
          </kendo-chart-series-item>
          <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[1]">
          </kendo-chart-series-item>
          <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }"[data]="[1]">
          </kendo-chart-series-item>
          <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[1]">
          </kendo-chart-series-item>
        </kendo-chart-series>
      </kendo-chart>

      <kendo-chart>
      <kendo-chart-series>
        <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[1]">
        </kendo-chart-series-item>
        <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[1]">
        </kendo-chart-series-item>
        <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[16]">
        </kendo-chart-series-item>
        <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }"[data]="[1]">
        </kendo-chart-series-item>
        <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[1]">
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>

Thanks ,

Jose

Hi,

Is it possible to export a master-detail grid to PDF? I've been able to do it in excel with your examples but haven't figured out how to do it with PDF.
Also when is pdfExport event emitted? I'm calling grid.saveAsPDF() but the event doesn't seem to be emitted.

Thanks in advance!

Hello team,

i'm having an issue with kendotooltip component inside my angular application, it's working for desktop version but not for mobile version(although i added onshow="click" event and still not working).

there is many examples in stackblitz for kendotooltip that are not working when changing to mobile version .

i'm using the tooltip inside a child component that is called from other parent components .in fact if i test with a simple exemple it works, but if i add it inside my child component it does'nt work anymore(even if i add an empty div inside the parent component the tooltip dont work anymore).

please contact me for better understanding .