Telerik Forums
Kendo UI for Angular Forum
1 answer
406 views

Hello,

If you look at this example: https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/#toc-events, you will noticed that when someone click the clear all button (x) the blur event is raised.

It's possible to cancel this blur event?

It's possible to have somehow the same behavior like in the combobox case : https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/#toc-events ?

 

Thanks,
Alex

Svet
Telerik team
 answered on 12 May 2020
1 answer
72 views

Link and meta tags pasted from MS Word are missing the backslash when copy and pasted from MS Word.

Copy a link from MS Word and paste into editor, the link and meta closing tags are missing the backslash. '>'

Paste the same link into the AngularJS version and the link and meta closing tags are correct. '/>'

Petar
Telerik team
 answered on 12 May 2020
1 answer
768 views

Hello,

I am attempting to bind the ComboBox to an array of complex objects. For this, the "keyField" and "valueField" properties are required (valuePrimitive is set to true, in case that is relevant).

This works if I do not try to bind to those properties:

<kendo-combobox valueField="myField" textField="myTextField" ... ></kendo-combobox>

However, if I try to use one-way binding:

<kendo-combobox [valueField]="myFieldBinding" [textField]="myTextBinding" ...></kendo-combobox>

I get the following error:

"Expected textField and valueField options to be set. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/#toc-bind-to-arrays-of-complex-data"

I am 100% sure that actual string values are being provided for "myFieldBinding" and "myTextBinding". Further, I tested it as follows as well:

<kendo-combobox [valueField]="'hardcodedStringValueField'" [textField]="'hardcodedStringTextField'" ...></kendo-combobox>

And I get the same error.

Dimiter Topalov
Telerik team
 answered on 12 May 2020
1 answer
976 views

Hi,

We have an application that has to be read in both Arabic and English which has a toggle that changes the localization between the two languages.

When the language is set to Arabic the date format changes from Gregorian to Hijri but we need the date format to always be Gregorian even when in Arabic.

Is there a way to intercept this in the localization and/or set a Gregorian format on the date tag that won't be overridden when the language changes?
Example of the date input field being used:

<input type="text" kendoTextBox class="form-control" value="{{currentContact?.dateOfBirth | date :'shortDate' }}" readonly="readonly">

Svet
Telerik team
 answered on 11 May 2020
5 answers
1.8K+ views

From the article https://www.telerik.com/kendo-angular-ui/components/grid/data-operations/filtering/built-in-template/#toc-hiding-row-filter-operators, it seems that I can specify the available filter operators for a grid column.

With the code below, should I expect to only see 'Contains' and 'Is Equal To' in the the filter menu?  I tried but the filter menu shows all filter operators.

<kendo-grid-column field="ProductName" title="Product Name">

   <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">

       <kendo-grid-string-filter-menu [column]="column" [filter]="filter" [filterService]="filterService">

           <kendo-filter-contains-operator></kendo-filter-contains-operator>

           <kendo-filter-eq-operator></kendo-filter-eq-operator>

       </kendo-grid-string-filter-menu>

   </ng-template>

</kendo-grid-column>

Thanks for any clarification.

Dimiter Topalov
Telerik team
 answered on 11 May 2020
3 answers
568 views

Hello,

Our requirement is text should be wrap when user type long text in conversational UI input.

Currently it's showing in single line which make poor user experience . 

Please provide some work around in stackblitz demo. 

 

Thanks

 

Svet
Telerik team
 answered on 11 May 2020
1 answer
1.5K+ views

When a filter is active in a column header the background colour changes to red by default.

I would like to be able to set it to a different colour depending on the data present in the filter. Is there a way to do this? 

Thanks

Svet
Telerik team
 answered on 11 May 2020
6 answers
1.1K+ views

Hi Team,

I am using angular Kendo Grid. I introduced edit option in the grid and I have requirement like edit the text with 400 chars in the gird column .

As default while editing the row I am getting Textbox for all columns but here I want textarea for the particular column then I can easily enter the text

Can you please help me on this?

 

 

Thanks

Sankar

Martin Bechev
Telerik team
 answered on 08 May 2020
3 answers
938 views
Good day. Is it possible to keep the table original width during column resize? At https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing/ we can see that during draging the column the table width also changed and horizontal scroll appears (or extra white space). It would be great if column resize will affect on sibling column and not on Table.
Martin Bechev
Telerik team
 answered on 08 May 2020
2 answers
3.2K+ views

Hello,

I am working on a grid component and I would like to enter edit mode (edit button is outside of the grid) then turn every row in the grid to edit table.

There is only one column is allowed for editable and it's a date field. So, I now create  an edit template.

<ng-template kendoGridEditTemplate let-dataItem let-formGroup="formGroup">
        <kendo-datepicker [formControl]="formGroup.get('actionDate')"
        [min]="mindate" [max]="maxdate"
         class="calendarstyle"></kendo-datepicker>
</ng-template>

 

When I add an onclick to the button outside the grid, I am using this.grid.editRow(index, formgroup) in order to make the row editable.

this.grid.editRow(rowIndex, this.formGroups[rowIndex]);

 

However the editRow makes/fires an DataStateChangeEvent and it makes the scroll bar moves.

The story behind is that I have a tons of records with no actual page and I am using data state change to just skip rows.

public dataStateChange(state: DataStateChangeEvent): void {
  this.gridView = process(this.data, this.state);     
}

 

Is there anyway to make the multiple editable rows better?

Can you also suggest the life cycle of the grid / state changes, please?

 

Virgil
Top achievements
Rank 1
 answered on 07 May 2020
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?