Telerik Forums
Kendo UI for Angular Forum
1 answer
114 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
766 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
180 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.8K+ 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
153 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
1 answer
949 views

There seems to be problems when using the kendo textarea with a floating label. When I input text und blur the field, the floating label gets a wrong position.

https://stackblitz.com/edit/angular-4udcsz

 

Furthermore the label is vertically centered in the field, when there is no content. Maybe it would look better to align it at the top like in the material components. This could also let the user decide the initial textarea height without alignment conflicts.

https://material-components.github.io/material-components-web-catalog/#/component/text-field/textarea-1

Ivo
Telerik team
 answered on 17 Oct 2019
3 answers
894 views

I have a need to use Kendo UI for angular (any version) with a specific Angular version 2.4.7.  Is there support for this?  I currently am getting a message on npm install that I need at least angular 4.0.0 or greater.  Unfortunately I don't have the luxury of simply upgrading my angular version.

Thanks

Craig

Dimiter Topalov
Telerik team
 answered on 14 Oct 2019
1 answer
131 views

The controller:

app.controller('TestController',
    ['$scope',
         
        function ($scope) {
        $scope.OnButtonClick = function () {
            $scope.grid.dataSource.fetch();
        };
            (function () {  // init
            // $scope.grid is NULL
            $scope.grid.dataSource.fetch();
            // grid is NULL
            let grid = $('#gridID').data('kendoGrid');
        })();
        }
    ]);

 

The problem: after load all the controller the INIT function is triggerd but all Telerik UI controller are NULL in this function. 

All other function run well and the Telerik UI object are available.

It's possible to have a INIT controller function with all Telerik UI component available for data loading and configuration?

 

Thanks

Alex Hajigeorgieva
Telerik team
 answered on 14 Oct 2019
2 answers
111 views

Hello,

Could you tell me if there is a way to implement the ripple effect provided by the kendoRippleContainer while selecting a tab of a TabStrip?

If it is not possible, are there any future plans regarding such an implementation?

Thanks in advance!

Stelios
Top achievements
Rank 1
 answered on 14 Oct 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?