Hi,

Could you upgrade sample https://plnkr.co/edit/h1EB4cKEZpm4q3jHX8ye?p=preview&preview for Angular12

I have problem with asc and curr which has no type and "filter" is not defined

Regards

const flatten = filter => {
  const filters = filter.filters;
  if (filters) {
    return filters.reduce((acc, curr) => acc.concat(curr.filters ? flatten(curr) : [curr]), []);
  }
  return [];
};

class NorthinService method fetch has also problem in Angular12

protected fetch(tableName: string, state: any): Observable<GridDataResult> {
  const queryStr = `${toODataString(state)}&$count=true`;

  return this.http
    .get(`${this.BASE_URL}${tableName}?${queryStr}`)
    .pipe(
      map(response => (<GridDataResult>{
        data: response['value'],
        total: parseInt(response['@odata.count'], 10)
      }))
    );
}

Hi

I search an GRID sample that loading page per page from Server, with sorting on server too ?

Regards

Hi,

We have a kendoButton with look "outline":
https://www.telerik.com/kendo-angular-ui/components/buttons/button/styling/#toc-outline-button

We created a custom theme with the Progress Sass Theme Builder:
Progress Sass Theme Builder (telerik.com)

When we hover over the outline-kendoButton, the background-color is black, just like in the sample on the website
https://www.telerik.com/kendo-angular-ui/components/buttons/button/styling/#toc-outline-button

What is the most appropriate way to change the hover-color of this button?

Can we modify that color in our theme?

thx !

Hi,

I would like to display in the multiselect bar a single box containing the number of selected elements

or if possible not display anything.

the elements I would like to display them only when I click on the multiselect and not in the placeholder

something like the attached img

great regards,

alex

Hi,

I search an Grid sample with an DropDown Component and an server Filter in Service.

Do you have theses sample ?

Regards

This should be pretty easy, in no way will I ever get this working without help ...

The control ...

 <kendo-scheduler  [slotClass]="getSlotClass" >

The code ....

    public getSlotClass = (args: SlotClassArgs) => {

        return {
            background:"purple" // ???????????????????????
          };
      }

Nothing I've tried can set the background color of a slot .... ?

I would like to add a horizontal scrollbar so that I can clearly view all the graph data.

for example: if I had all 12 months of the year I would like to see those of 2019 and then with the scroll bar go to 2020 and 2021. through the parameter that identifies the X axis.

<kendo-chart (seriesClick)="onSeriesClick($event)">
  <kendo-chart-title text="title"></kendo-chart-title>
  <kendo-chart-category-axis>
    <kendo-chart-category-axis-item
                  [categories]="month"
                  [title]="{ text: 'Months' }">
    </kendo-chart-category-axis-item>
  </kendo-chart-category-axis>
  <kendo-chart-legend position="bottom" [visible]="false"></kendo-chart-legend>
  <kendo-chart-series>
    <kendo-chart-series-item type="line" 
                  [style]="normal" categoryField="month" 
                  [data]="Totaldata" field="total" 
                  [markers]="{ visible: true }">
   </kendo-chart-series-item>
 </kendo-chart-series>

Hi,

I'm facing a situation, that I need to show the title of the Y-axis. As I saw in the docs, it is possible to place the title next to Y-axis labels but there is no choice to place it on the top of the axis.

I found this workaround for Kendo UI for jQuery and I'd need something similar for Angular.

I'm able to place a div with some text on the same DOM level as kendo chart, like this

and to assign z-index to chart-title to be shown in the front, but it corrupts me the chart completely - it changes the font.

So is there any way how to do this?

Thanks a lot for any advice.

J

Hi,

I have a chart with category axis of type 'Date', base units are set to 'days'.

I wonder how to tell the chart to show labels in format of 'day of month', i.e. 'd' (reference), because if I use either

type: 'Date',
baseUnit: 'days',
labels: {
  dateFormats: {
    days: 'd',
  },
}

type: 'Date',
baseUnit: 'days',
labels: {
  format: 'd'
}

Hi

Am trying to use a TabStrip, integrated with a RouterOutlet to display the tab content.  The module in question has it's own routing, and I hoped to map the router links to tab headers, and thus an outlet for the content.

Without native support for it, I have attempted to place the <router-outlet> in the kendoTabContent element, and manually use the Angular Router on the tabSelect event.   However, on tab change, the router-outlet is destroyed on the old and recreated on the new tab. 

Add in the router navigating and changing the content for router-outlet, and I'm in a lifecycle hook nightmare that isn't feasible the way I have attempted to approach it.   The current component on display in the outlet is destroyed and then instantly recreated as the tab switches, and then router navigation takes over and changes it again.

I wanted to ask if there is any planned support for Router integration for TabStrip, like other Layout components have, and/or has anyone had success attempting similar?

Thanks