Telerik Forums
Kendo UI for Angular Forum
0 answers
181 views

I have a kendo-grid-checkbox-column that needs a checkbox in the header. When clicking on it, it' supposed to be a 

SelectAll checkbox there's a specific row i do'nt want to select.

First,  i thought i would just use:   

<ng-template kendoGridHeaderTemplate>   

<input  (click)="onclick( )"  type="checkbox"  >

</ng-template>

followed by an <ng-template kendoGridCellTemplate> 

 But, for unknown reasons, that made it impossible for me to select the other rows , as if they were disabled 

 

Emna
Top achievements
Rank 1
 asked on 12 May 2022
1 answer
94 views

In the Grid Component, we can specify a multiSortKey option in the sort settings to tweak how multi-column sorting works (see https://www.telerik.com/kendo-angular-ui/components/grid/api/MultipleSortSettings/#toc-multisortkey).  However, it does not appear that option is available when using the Tree List component. 

Our app uses a mixture of Grids and TreeLists and we like using the multiSortKey option for grids but miss that option in Tree Lists.  Are the plans to add the multiSortKey option for Tree List?

Svet
Telerik team
 answered on 12 May 2022
1 answer
73 views

Hi All,

I'm an experienced software engineer (30+ years) and have used Telerik products before (mostly WPF, Silverlight, ASP.AJAX, UWP, WinForms).  I've been tasked to work on a project that is .NET 6 Core for web API using MS SQL or MySQL databases and an Angular front end.  I've completed the web API and backend database work, now it's time to move to the front end UI.  Deployments will be on both Linux and Windows servers.

I'm very new to Angular, TypeScript, JavaScript, JQuery and requesting some good resources for learning/training myself.  As part of this project I'm also going to be evaluating 3rd party payware control suites once I get the basics of Angular/TS/JS/JQuery (from what I've read Angular is probably the most difficult to work with in terms of UI and data binding).  Telerik is one of 4 suites I'll be evaluating.

Some basic questions:

1.  Any recommendations for Angular/TS/JS/JQuery learning/training sources?

2.  My understanding is Angular is entirely client side and no reliance on server side, is this also accurate for Telerik Kendo UI for Angular (no server side requirements)?

3.  How is the data binding process with and without Telerik controls?

4.  How is page/frame/route navigation with and without Telerik controls?

Thanks, Rob.

Svet
Telerik team
 answered on 11 May 2022
1 answer
294 views

Hello,

I am trying to add an "All" option to the page sizes dropdown list in my grid. I am using kendo-angular-grid, version 4.0.0.

This will display the text "All" and when clicked, will simply show all data loaded into the grid.

Is this possible to do? I see the documentation says to use a PagerTemplateDirective with an object like such "{text: "All", value: 'all'}", but this does not seem to work.

Does this functionality require a higher version? If so, are there any workarounds to achieve this behavior in version 4.0.0?

Thanks,

Rahul

Martin Bechev
Telerik team
 answered on 11 May 2022
0 answers
55 views

Hi,

I have grid and in every row i have a switch button .

I have a requirement to set ARIA LABEL value dynamically so that the user will know which column and row he is in. While fixing that, I found the JAWS screen reader reading additional comments(colored yellow) other than the content from ARIA LABEL. I am unable to find where it is coming from. This happens only for the first row. Also, the screen reader reads the column header for the second time. Please find the JAWS Speech history below. Attached is the screenshot of the same.

Yes/No
column 5 row 2
Column 5 row 1 Contains Controls 
Column 5 row 1 Switch Off 
Yes/No //It reads Column Header for the second time
column 4 row 1    //Additional content
Switch Pressed On 
Column 5 row 2 Switch Off 
Switch Pressed On 
Column 5 row 3 Switch Off 
Switch Pressed On 
Column 5 row 4 Switch Off 
Switch Pressed On 
Column 5 row 5 Switch Off 
Switch Pressed On


How to solve this?

Here's the stackblitz link:  https://stackblitz.com/edit/angular-egapar?file=src%2Fapp%2Fapp.component.ts

Thanks,

Sowmiya

Sowmiya
Top achievements
Rank 1
 asked on 10 May 2022
1 answer
85 views

I'm trying to populate a load on demand MultiSelectTree control with root level data, then when the user clicks and expands the node, the data is requested and loaded.  The only example I see of something similar is the lazy loading.  My scenario is for a filter control that may not get used by the user so I wanted to load a minimal set of data and then request more if needed.

I have tried it with flat and hierarchal data.  Also, validated my data variable that the control is bound to is getting updated but the control never refreshes with the new child nodes.  I tried to refresh the data using the NodeExpand event and also the fetchChildren method (fetches for all nodes which is not what I want)

Can this be done?  Just want to make sure before I waste any more time on it.

Thanks

 


Martin Bechev
Telerik team
 answered on 09 May 2022
0 answers
117 views

According to the docs ReportProcessor.PrintReport Method (ReportSource, PrinterSettings) API | Telerik Reporting the function reportProcessor.PrintRepor shoul accept null as a second paramenter in order to open the system dialog window, however, in reality this function requires a second parameter of type System.Drawing.Printing.PrinterSettings so null is not an option.

 

The thing is I want to prompt the user to select the printer they want to print to.

 

I´m using Asp.net core 6 MVC, with C#.

Francisco Roldan
Top achievements
Rank 1
 asked on 06 May 2022
1 answer
303 views

Hi there,

I am trying some days to create grids by clicking a button. My first idea was to create a "ngFor" to an arrayList of grids and add that grid when clicking the button. However, I have not achieved this functionality and I did not see information on web.

I would be grateful if you could guide me into a solution.

Also, it is important to maintain the previous functionalities that I added. To simplify a little bit, I did a little change in https://www.telerik.com/kendo-angular-ui/components/knowledge-base/drag-drop-between-grids/ example code.

Regards,

Jose

Dimiter Madjarov
Telerik team
 answered on 04 May 2022
1 answer
471 views

The Month view is not very useful when there are many events in a day - it currently only displays 1 or 2 event titles and then the "click for more" (ellipses) button.  I was hoping to override the template to show a summary of how many events exist for that day.  The attached screenshot shows what I am trying to achieve using an open-source calendar component.

When I tried to override the kendoSchedulerMonthDaySlotTemplate, the events for that day covered the actual text of the template.  Is there a way to at least suppress the rendering of the events themselves so I can just use my own template to display some summary data?

Thanks,

Bryan

 

 

Martin Bechev
Telerik team
 answered on 03 May 2022
1 answer
104 views

I*m using both the slot selection and a single click event handler in the same scheduler component:

<kendo-scheduler
            [kendoSchedulerBinding]="allEvents$ | async"
            (eventClick)="eventClickHandler($event)"
            kendoSchedulerSlotSelectable
            (slotSelectionChange)="onTimeSlotSelectionChange($event)"
            [resources]="resources"
            [selectedDate]="selectedDate"
            [(selectedViewIndex)]="selectedViewIndex"
            [eventClass]="getEventClass"
            (dateChange)="onDateChange($event)"
            [loading]="loading"
            showWorkHours="true"
            workDayStart="{{formatDateAsTime(businessStartDate)}}"
            workDayEnd="{{formatDateAsTime(businessEndDate)}}"
            style="height: 1050;"
        >
            <ng-template
                kendoSchedulerEventTemplate
                let-event="event"
                let-resources="resources"
            >
                <span class="{{ resources[0].customCssClass }}">{{formatEventText(event, resources[0])}}</span>
            </ng-template>
            <kendo-scheduler-day-view [eventHeight]="300"></kendo-scheduler-day-view>
            <kendo-scheduler-week-view></kendo-scheduler-week-view>
            <kendo-scheduler-month-view></kendo-scheduler-month-view>
    </kendo-scheduler>

 

I would expect when clicking on an existing event in the scheduler, only the eventClick handler would fire.  But both the eventClick handler AND the slotSelectionChange handler are firing in that case.  How do I prevent that?

Ivan
Telerik team
 answered on 03 May 2022
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?