Telerik Forums
Kendo UI for Angular Forum
0 answers
129 views
I have 2 charts (of any type).
I would like to define a scroll bar for both.
and make sure when I move one to the right the other does the same. then 2 synchronized scrollbars. Is it possible to do this via some kendo attribute, widget or other?
alex
Top achievements
Rank 1
Iron
Veteran
 asked on 03 Feb 2021
1 answer
155 views

When is the splitter pane event 'sizeChange' fired? Before or after rendering the new html content? Same question on 'layoutChange'!

Dimiter Madjarov
Telerik team
 answered on 03 Feb 2021
3 answers
611 views

Hi!

Is it possible to show the small busy indicator from the Treeview when its programmatically expanded like in the following example when double clicked the item

https://stackblitz.com/edit/angular-6n5745?file=app/app.component.ts

Dimitar
Telerik team
 answered on 03 Feb 2021
1 answer
900 views

I am using multi-column-headers and, as per the standard grid column, I can change the header template which is all fine. Corresponding to this, I would also like to be able to add a footer for the column-group but this isn't documented.

https://www.telerik.com/kendo-angular-ui/components/grid/columns/headers/

 

 

Is there a suitable work-around to achieve something similar? I'm aware I could put everything into the header, or use one of the child column's footer template. That latter doesn't really work as the item I want to add really applies to the entire group.

Ideally I am looking for something as in my attached wireframe - cell in yellow.

 

Martin Bechev
Telerik team
 answered on 02 Feb 2021
0 answers
82 views

Hi,

Is there any way we can prevent paragraph styles getting copied to new lines when the user clicks enter on Kendo editor?

Right now, if I click enter from a Paragraph <p style="margin:left: 30px"> </p>, the margin left is copied over to new line.

Thank you,
Sujish

Sujish
Top achievements
Rank 1
Veteran
 asked on 01 Feb 2021
0 answers
218 views
<kendo-grid [kendoGridGroupBinding]="data"
            [sortable]="{allowUnsort : false, mode : 'single'}"
            [sort]="sort"
            (sortChange)="sortChange($event)">

 

sortChange(sort: SortDescriptor[]): void {
    const sortField = sort[0].field;
    const sortOrder = ["car", "boat", "aircraft"];
    const sortDir = sort[0].dir;
 
    const ordering = {};
    for (let i = 0; i < sortOrder.length; i++) {
        ordering[sortOrder[i]] = i;
    }
 
    let sorted = this.data.sort((a, b) => {
        return (ordering[b[sortField]] - ordering[a[sortField]]);
    });
    if(sortDir === 'desc'){
        sorted = sorted.reverse();
    }
            this.gridData = sorted;
}

 

 

im trying to sort the grid by custom order but when i set the 'sort' variable it ignores my function

yair
Top achievements
Rank 1
 asked on 01 Feb 2021
1 answer
80 views

Hi,

1. When will the webinar content be available on the Kendo UI YouTube channel?

2. How/where can I see the questions/answers that were displayed in the sidebar during the webinar? I was reading through them but accidentally closed the browser and couldn't find them anymore.

Thanks.

Martin Bechev
Telerik team
 answered on 01 Feb 2021
1 answer
745 views

Hi, 

 

I need to expand the list of items by clicking on the node, like clicking on the icon (example.png).

Hetali
Telerik team
 answered on 28 Jan 2021
1 answer
1.2K+ views

hi,

I would like to apply a color as the background of the whole graph.

<kendo-chart>
        <kendo-chart-title text="Units sold"></kendo-chart-title>
        <kendo-chart-category-axis>
            <kendo-chart-category-axis-item [categories]="['Q1', 'Q2', 'Q3', 'Q4']">
            </kendo-chart-category-axis-item>
        </kendo-chart-category-axis>
        <kendo-chart-series>
          <kendo-chart-series-item type="bar" [gap]="2" [spacing]=".25" [data]="[100, 123, 234, 343]">
          </kendo-chart-series-item>
          <kendo-chart-series-item type="bar" [data]="[120, 67, 231, 196]">
          </kendo-chart-series-item>
          <kendo-chart-series-item type="bar" [data]="[45, 124, 189, 143]">
          </kendo-chart-series-item>
          <kendo-chart-series-item type="bar" [data]="[87, 154, 210, 215]">
          </kendo-chart-series-item>
        </kendo-chart-series>
      </kendo-chart>

something like attached file

 

 

 

 

Hetali
Telerik team
 answered on 28 Jan 2021
0 answers
95 views
In my project I have the Kendo Scheduler widget, I am trying to add an manual 'Add event' button similar to this that has been done in Jquery. https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/editing/add-event-programatically

The methods described in the Angular docs for the Scheduler show methods that are attached to the ($event) handlers specific to the Scheduler i.e `(slotDblClick)="onSlotDblClick($event)"`. 

In terms of adding events it mentions to call the addEvent() method.

So I have tried something like: 

    public addEventHandler({ sender, start, end, isAllDay }: EventClickEvent): void {
        this.closeEditor(sender);
    
        this.formGroup = this.formBuilder.group({
            'Start': [start, Validators.required],
            'End': [end, Validators.required],
            'StartTimezone': new FormControl(),
            'EndTimezone': new FormControl(),
            'IsAllDay': isAllDay,
            'Title': new FormControl(''),
            'Description': new FormControl(''),
            'RecurrenceRule': new FormControl(),
            'RecurrenceID': new FormControl()
        });
    
        sender.addEvent(this.formGroup);
    }

This does not work as the sender arguments are specific to the methods in Kendo Scheduler. 

Any idea's

The docs are at: 
https://www.telerik.com/kendo-angular-ui/components/scheduler/editing/editing-reactive-forms/#toc-adding-new-events
R
Top achievements
Rank 1
 asked on 28 Jan 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?