Telerik Forums
Kendo UI for Angular Forum
3 answers
590 views
I have form where I am getting a path returned from an API.  I'd like to use file selector to select a file from that path.  Is there anyway to accomplish that? 
Martin Bechev
Telerik team
 answered on 27 Aug 2020
1 answer
3.8K+ views

Hi I  am working on the kendo Grid where  the color of the row should change based on the Category name, Which I will hard code and switch between the values in rowCallback function.

However as per the example   https://www.telerik.com/kendo-angular-ui/components/grid/api/GridComponent/#toc-rowclass There is only even and odd, So can I do a switch functionality using the rowCallback function.  or do I need to use the "Styling Cells on the Fly" functionality https://www.telerik.com/kendo-angular-ui/components/grid/styling/#toc-styling-cells-on-the-fly where I need to mention the style for each specific cell in  entire row.

 

 

Regards

K Govardhan.

Martin Bechev
Telerik team
 answered on 27 Aug 2020
4 answers
1.9K+ views

Currently, if we set the kendo-grid filterable="menu", clicking on the filtericon in a grid column opens a dialog with a dropdownlist of filter operators, an input text field, a dropdownlist of logical operators (AND, OR), a dropdownlist of filter operators and an input text field.  (see attached png).

For my project, I only want to show one dropdownlist of filter operators and one input field in the filter menu popup dialog. Is it possible to customize the kendoGridFilterMenu template?

Thanks for any suggestion.

rahul
Top achievements
Rank 1
 answered on 26 Aug 2020
0 answers
99 views

Is it possible to group two or more resources together on data with relationship reference in scheduler?

Below is the sample code we are trying to implement, we wanted to check if we can map between two resources [Specialities, Practitioners].

In Practitioners data, it will have SpecialityID field which refer back to [Specialities](SpecialityID) field?

public group: any = {
    resources: ['Specialities', 'Practitioners'],
    orientation: 'horizontal'
};
 
public resources: any[] = [{
    name: 'Specialities',
    data: [
        { text: 'Phsiotheraoy', SpecialityID: 1, color: '#6eb3fa', type: 'Room' },
        { text: 'Massage Therapy', SpecialityID: 2, color: '#f58a8a', type: 'Room' },
        { text: 'Chiropractic', SpecialityID: 3, color: '#f58a8a', type: 'Room' }
    ],
    field: 'roomId',
    valueField: 'value',
    textField: 'text',
    colorField: 'color',
    multiple: false
}, {
  name: 'Practitioners',
    data: [
        { name: 'Angelo Williams', Personvalue: 1, color: '#008AFF', type: 'Person', img: this.firstContactImage, initials: 'AW', SpecialityID: 1 },
        { name: 'Desiree Watson', Personvalue: 2, color: '#E91E63', type: 'Person', img: this.secondContactImage, initials: 'DW', SpecialityID: 1 },
        { name: 'Aron Patrickson', Personvalue: 3, color: '#43A047', type: 'Person', img: null, initials: 'AP', SpecialityID: 2 },
        { name: 'Benjamin Chris', Personvalue: 4, color: '#B7342C', type: 'Person', img: null, initials: 'BC', SpecialityID: 3 },
    ],
    field: 'personID',
    valueField: 'Personvalue',
    textField: 'name',
    colorField: 'color',
    multiple: false
}];

 

Attached image is how this render, it will have each Specialities (3) on first grouping and each Practitioners (4) on the second grouping.

The question is, for example is it possible to only display [Angelo Williams, Desiree Watson] under [Phsiotheraoy], [Aron Patrickson] under [Massage Therapy] and [Benjamin Chris] under [Chiropractic]? 

So which mean is it possible to display Phsiotheraoy (2) Practitioners, Massage Therapy(1) Practitioner and Chiropractic(1) Practitioners, rather than each of them have all (4) Practitioners? 

 

Thanks 

Jay
Top achievements
Rank 1
Veteran
 asked on 26 Aug 2020
1 answer
147 views

Hello, 

 

While I am pasting an excel cell which has a background color and the font is bold, the styles won't be rendered inside the editor.

 

Is the pasting of formatted excel cells supported in Kendo Angular Editor?

 

Thanks.

Martin Bechev
Telerik team
 answered on 25 Aug 2020
2 answers
4.1K+ views
Is it possible to open all detail lines in the Detail Row Template on grid creation? I've seen it mentioned that the Master Detail Grid could implement the  expandRow() API but I also see that the Detail Row grid variant (at least in the example) doesn't make use of GridComponent. Can GridComponent be hooked in to make use of this feature or would I need to try implementing this from a different angle?
Martin Bechev
Telerik team
 answered on 25 Aug 2020
6 answers
981 views

Hello,

I want to user a Grid with a Rest API, by remote data loading.

To load only few datas at one time, i want to use : endless scroll or virtual scroll.

But I'm not able to make it works.

On my rest API, i made a specific way, which load only 50 items with an offset (with the sort & take parameter of State given to my api).

But on the grid :

- I have 15 visibles lines on my grid (set by RowHeight), I load 50 items by my rest API. 

- in endless scroll mode, the scrollBottom event never fire, so it doesn't load more data.

- in virtual scroll mode, the pageChange event only fire once. 

I have more than 10K lines in my database, i was able on to view 60 of them...

Is there a specific setting to apply ?

 

 

 

Martin Bechev
Telerik team
 answered on 24 Aug 2020
7 answers
61 views

Hi,

I'm trying to create a menu with two levels that is bound to an array. I'm using the kendoMenuHirarchyBinding directive to set the textField and childrenField because I use my own data structure. I then nest a ng-template with a template for the first level menu items using the kendoMenuItemTemplate directive. So far so good.

I want to give the second level children a different template so I assign a TemplateRef to the contentTemplate field of each item in the ngOnInit life cycle method as instructed in the docs. It doesn't work. It only works if I don't use the kendoMenuHirarchyBinding directive. Surely there's a smart way to go about it. 

Thanks,

Tomer

Lance | Senior Manager Technical Support
Telerik team
 answered on 21 Aug 2020
1 answer
100 views

Hi, 

 

I need to create a custom timelineview in the kendo scheduler for angular to show a timeperiod that will be changed via inputs, in order to achieve a component with a similar behaviour than the RadTimeLine for Silverlight and WPF. 

 

My goal is to filter the scheduler with the inputs that I receive from the kendo stockchart navigator. I want to show the same period in the chart and in the scheduler.

 

Is there anyway to do that? I found an example for jQuery but I am not able to implement it in angular. In the link that I posted below, you have created a custom view that receive with an input the duration of the view. That's exactly what I need to do but with two dates. 

https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/custom-views/timeline-with-dynamic-length

 

Thanks in advance.

Martin Bechev
Telerik team
 answered on 21 Aug 2020
4 answers
4.4K+ views

I am unsure how to do this and correctly update the columns on the grid. 

To sum up my use case the below is a very simple example of what I am trying to do. 

Grid is initialized on page load with data source 1, data source 1 has columns A, B, C, D. Grid correctly shows columns ABCD. The user now wants to view a different data set by selecting a series of drop downs on the page. Updating the data source to data source 2 with columns B, D, E, F. The grid now incorrectly shows columns ABCD.

 

Is there a way to refresh the grid in Angular 2+ after a data source change that will reset columns from the data source?

Georgi
Telerik team
 answered on 21 Aug 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?