Telerik Forums
Kendo UI for Angular Forum
2 answers
175 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
151 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
943 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
890 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
124 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
107 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
1 answer
281 views

I am using the MultiDayView component and need to see 60 days ahead. What the component does now is put all those 60 days into the total width of the scheduler (without horizontal scrollbar). Is there a way to influence the column width of the day and automatically create an overflow with horizontal scrollbar?

 

 

Martin Bechev
Telerik team
 answered on 11 Oct 2019
3 answers
1.4K+ views

When I bring a tab full screen, the filter menus of the grid inside are no longer visible.
Probably because they hang on the body of the document.
How can i resolve?

I use Element.requestFullscreen() for put the container in full-screen mode

Dimiter Topalov
Telerik team
 answered on 11 Oct 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?