Telerik Forums
Kendo UI for Angular Forum
1 answer
308 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
56 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
87 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
123 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
308 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
486 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
116 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
1 answer
518 views

Hello,

I've been working towards creating a scrollview with content inside of the div area. Some information fits, however, when scrolling to new information the scrollview does not allow for height: auto;

below is an example of what my code looks like. I am needing to replace the height with an auto height, to make sure that the content that displays is viewable regardless of the height.

<kendo-scrollview class="scrollview addr-height" [data]="AddressData" [width]="'100%'" [height]="'500px'" [endless]="true" [arrows]="true">
        <ng-template let-item="item">
            <kendo-card-panel>
                <div header>
                    <strong><span>{{ AddressData.indexOf(item) + 1 }}&nbsp;/&nbsp;{{ AddressData.length }}</span></strong>
                    <button class="btn" (click)="selectAddress(item)">Ok</button>
                </div>
                <div always-display class="addr-block">
                    <div class="row">
                        <label class="col-6">Address Type: </label>
                        <label class="col-6">{{ item.ADDRESS_TYPE }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Address: </label>
                        <label class="col-6">{{ item.ADDRESS_LINE_1 }}<br>{{ item.ADDRESS_LINE_2 }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Primary: </label>
                        <label class="col-6">
                            <kendo-checkbox [(ngModel)]="item.PRIMARY_ADDRESS" [valuePrimitive]="true" [disabled]="true"></kendo-checkbox>
                        </label>
                    </div>
                    <div class="row">
                        <label class="col-6">Admin Contact: </label>
                        <label class="col-6">{{ item.ADMIN_CONTACT }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Billing Contact: </label>
                        <label class="col-6">{{ item.BILLING_CONTACT }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Phone: </label>
                        <label class="col-6">{{ item.PHONE }}</label>
                    </div>
                    <div class="row">
                        <label class="col-6">Fax: </label>
                        <label class="col-6">{{ item.FAX }}</label>
                    </div>
                </div>
            </kendo-card-panel>
        </ng-template>
    </kendo-scrollview>

 

Please let me know if you have more questions, as this is throwing me for a loop. Unfortunately, I am a new designer, and my coding skills are not yet what they need to be. I am assuming that this can be corrected inside of the TypeScript/JavaScript files.

Preslava
Telerik team
 answered on 02 May 2022
1 answer
248 views

I am using the external filter example

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/external-filtering/

When initially filter, it filters and saves the filterValue as it does in the example

When I closed and re-open I get the following message: 



Error: There is no user-defined filter with 'sender_Name' field provided through the [filters] input property.

sender_name is the correct field. Below is the filters I am using.


export const  caseFilters: FilterExpression[] = [
    {
        field: 'sender_Name',
        editor: 'string',
    },
    {
      field: 'assign_To',
      title: 'Assign To',
      editor: 'string',
    },  
    {
        field: 'last_Date',
        title: 'Last Date',
        editor: 'date',
    },
    {
        field: 'case_Level',
        title: 'Level',
        editor: 'number',
    },
  
  ];


<div class="example-config">
  <p class="k-form-hint">
    Click the button below to filter the Grid from an external Filter
    component
  </p>
  <button kendoButton (click)="openFilter()" icon="filter">
    Filter the Grid
  </button>
</div>

<kendo-window *ngIf="opened" (close)="closeFilter()" [width]="620" [top]="300">
<div class="window-content">
    <kendo-filter #filter [value]="filterValue" [filters]="caseFilters">
    </kendo-filter>
    <button kendoButton (click)="applyFilter(filter.value)" style="width:100%;">Apply filter</button>
</div>
</kendo-window>

 


public applyFilter(value: CompositeFilterDescriptor): void {
  this.gridData = filterBy(this.orignalGridData, value);
  this.loadGrid();
  this.filterValue = value;
}

Preslava
Telerik team
 answered on 02 May 2022
1 answer
136 views

We are using a framework ASPNetZeo.

Since upgrading kendo (layout was upgraded from 4.0 to 6.2) any modal which is being called within a tabstip-tab has issues where the fade doesn't go away. If I take the modal outside a tabstrip it works fine.

Has anyone come across anything similar?

Dimiter Madjarov
Telerik team
 answered on 02 May 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
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?