Telerik Forums
Kendo UI for Angular Forum
1 answer
139 views

I am using kendo angular Toolbar. In Jquery version they have event for overflow button clicked. But i didnt find for Angular. Any way we can achieve it.

Angular: https://www.telerik.com/kendo-angular-ui/components/toolbar/responsive-toolbar/
jQuery: https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar/events/overflowopen

I need to preventDefault because my webpage is getting refreshed on click of overflow button.

Svet
Telerik team
 answered on 19 Nov 2019
1 answer
965 views

How can this be fixed? 

I have attached a pic of the issue.

Thanks.

Dimiter Topalov
Telerik team
 answered on 11 Nov 2019
1 answer
65 views

In my app I dynamically create angular material tabs, which each contain a kendo grid. 

 

The problem is when a tab is closed, by clicking on the X in its header, the memory isn't garbage collected. I am implementing ngOnDestroy in my dynamic components and observable subscriptions are cleaned up here. I am also calling ComponentRef.destroy() to ensure the component is destroyed and can confirm ngOnDestroy() is getting called in the dynamically created copmonents. However the memory from the destroyed component isn't being released.

 

Is there any special cleanup required by Kendo Grid to release memory? Please advise.

 

Thank you.

Svet
Telerik team
 answered on 06 Nov 2019
3 answers
1.3K+ views
I'm using Icon fonts in one of my components.  They show up fine on the visible page but not on the PDF Export of that page.  Do I need to load a specific font to get the icons to appear in the PDF output?
Dimiter Topalov
Telerik team
 answered on 06 Nov 2019
1 answer
88 views

I have a kendo grid with many columns, and defining filters in each column header is not the best user experience as it requires lots of scrolling and button clicks to open a dialog per column to define filter parameters. 

 

I have been asked to build a popup dialog which would load the column definitions and then generate a list of the columns and filter operator / filter value widgets so that a user could just open the popup, find the relevant column and then specify the filter operator and values.

Is there any plan to introduce such a feature in the grid soon? The ergonomics of filtering for multiple columns would be much improved with such a widget i think.

If I must roll my own implementation, is there any way I can hook in to the kendo code to build my filter list in a dialog, then apply it to the grid once it closes? How would I go about doing that?

Thanks

Svet
Telerik team
 answered on 06 Nov 2019
8 answers
728 views

I have a screen using a Kendo Panel Bar to get the accordion effect.

Within 2 of the panels there is a component with a link in it that is used to open a Kendo Window to display extra data for the panel. First of all, the window actually belongs to the panel bar not the browser. When I collapse the panel, the window goes away. It does re-appear when expanding the panel though so I thought that was not a problem. However, since adding the component to the last panel bar, even when I click on the component's button from the first panel, the window does not show until I expand the last panel telling me that somehow it thinks it belongs to the wrong panel. Any assistance would be appreciated. I can try to get an example if needed. 

Svet
Telerik team
 answered on 05 Nov 2019
2 answers
158 views
I'm trying to add a manual page break to a PDF export and was checking out the sample in the documentation => sample. I've tried the sample in 3 different browsers but the resulting pdf still shows the content on single page.  Any ideas?
Mike
Top achievements
Rank 1
 answered on 29 Oct 2019
5 answers
1.7K+ views

  Hello,

I am using the Multi-Checkbox Menu Filtering example here https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-multi-checkbox-menu-filtering in my code. Is there a way to remove the "Clear" and "Filter" buttons and replace them with my own? I would like my custom buttons to have the same functionality as the "Clear" and "Filter" buttons, but I do not know what I would call on the click event.

Secondly, is there a way to have the "Filter" code called when the user clicks away from the popup? This way, the user can either click the "Filter" button or just click away to close the popup and have the filter occur.

 

Thanks,

Scott

Scott Michetti
Top achievements
Rank 1
Iron
 answered on 22 Oct 2019
1 answer
123 views

I have a custom column filter for a grid, and when selecting a value, the followingmethod is called

 

public onChange(value: any): void {
 
    const filtersMap: FilterDescriptor[] = value.map(val => ({
      field: this.filterField,
      operator: 'eq',
      val
    }));
 
 
    console.log('ColumnFilterMultiComponent -> filtersMap', JSON.stringify(filtersMap));
 
    const compositeFilter: CompositeFilterDescriptor = {
      logic: 'or',
      filters: filtersMap
    };
 
    this.applyFilter(
      value === '' ?
        this.removeFilter(this.filterField) :
        compositeFilter
    );
  }

 

 

and the resulting DataSourceRequestState object is created:

 

{
    "filter": {
        "logic": "or",
        "filters": [
            {
                "field": "projectStatus",
                "operator": "eq",
                "val": "Active"
            },
            {
                "field": "projectStatus",
                "operator": "eq",
                "val": "Closed"
            }
        ]
    },
    "group": [],
    "skip": 0,
    "sort": [
        {
            "field": "modifiedDate",
            "dir": "desc"
        }
    ],
    "take": 20
}

 

 

but then calling ${toDataSourceRequestString(state)} results in this querystring:

 

filter=(projectStatus~eq~undefined~or~projectStatus~eq~undefined)&page=1&sort=modifiedDate-desc&pageSize=20

 

Why did the values from the filter get changed to undefined?

Clifford
Top achievements
Rank 1
 answered on 21 Oct 2019
9 answers
1.6K+ views

When the datepicker is wrapped into a kendo-textbox-container with a floatingLabel, the label overlays the output of the format definition, see:

https://stackblitz.com/edit/angular-av3vbg?file=app%2Fapp.component.ts

 

Also, since version 3.3.4 of the package @progress/kendo-theme-material there is an offset problem with the label on focus. When the datepicker has a value set and you focus the field, the label gets a wrong offset. It jumps back to the correct position on blur.

Please have a look into this problems.


Dimiter Topalov
Telerik team
 answered on 17 Oct 2019
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?