Telerik Forums
Kendo UI for Angular Forum
0 answers
229 views

How can I simply change the color of the selected tab underline ?

 

 

    <kendo-tabstrip [tabAlignment]="'start'">
      <kendo-tabstrip-tab [title]="'Ops'" [selected]="true">
        <ng-template kendoTabContent>
          <kendo-panelbar (stateChange)="stateChange($event)" [items]="itemsForPortal"> </kendo-panelbar>
        </ng-template>
      </kendo-tabstrip-tab>

 

 

IanV
Top achievements
Rank 1
Veteran
 asked on 23 Dec 2020
1 answer
359 views

Hi,

I have the following problem with Kendo UI's IconComponent:
When changing the name property of the IconComponent dynamically e. g. via a button, then the previous applied css icon class is not removed from the element's css class list. So after the first change, the element contains both css icon classes, the current and the previous one. I prepared a Stackblitz example to show the issue: https://stackblitz.com/edit/angular-oljhx8?file=app/app.component.ts

Am I doing something wrong, or is this an issue with the IconComponent itself?

Ivan
Telerik team
 answered on 22 Dec 2020
1 answer
91 views

The website https://www.telerik.com/kendo-angular-ui/components/installation/source-code/#toc-list-of-repositories lists all available git repositories where the customers/devs can get the source code of the Kendo-UI components. But the "kendo-angular-icons" git repository is missing in this list.

T. Tsonev
Telerik team
 answered on 22 Dec 2020
1 answer
444 views

How can I set the size of the popup?
I would like the popup to be for example 400px
and the elements inside will then adapt to the size of the popup

Something like this:

<kendo-chart-series-item-tooltip width="400px">
            <ng-template>
                         <span>Mypopup</span>
            </ng-template>
</kendo-chart-series-item-tooltip>

 

The element that a css class must have for this problem I think is k-popup

 

Hetali
Telerik team
 answered on 20 Dec 2020
1 answer
2.5K+ views

Hi I would like to know how do I call a function inside the kendo cloumn template?

I would like this function to take the cell value and return a result.

Something like this:

 

<kendo-grid-column field="Name"  [style]="{'text-align': 'right'}">
        <ng-template kendoGridCellTemplate let-value="value">
            <span>{{ myFunction(value) }}</span>
        </ng-template>
</kendo-grid-column>
 
 
 
public myFunction(n){
   if(n>0){
     return "ok";
  }else{
     return "do check";
  }
}

 

The function is not called in this case.

thanks,

regards

 

 

Hetali
Telerik team
 answered on 18 Dec 2020
7 answers
2.5K+ views

I am using the treeview with kendoTreeViewFlatDataBinding and kendoTreeViewCheckable='multiple':

<kendo-treeview [nodes]="mytreeviewdata"
                                                textField="desc"
                                                [(checkedKeys)]="checkedKeys"
                                                kendoTreeViewExpandable
                                                [kendoTreeViewCheckable]="multiple"
                                                kendoTreeViewFlatDataBinding
                                                idField="id"
                                                parentIdField="parent_id"
                                                [checkBy]="key"
                                                [isChecked]="isChecked"
                                                [children]="fetchChildren"
                                                (checkedChange)="handleChecking($event)">
 </kendo-treeview>

In the checkedChange event, the argument is theTreeItemLookup which can specify the current item with the checkbox incurring a change.  Is there a property that tells whether the checkbox was selected or deselected?

I am currently adding code to determine whether the change was a 'checked' or 'unchecked', but it seems there must be a simpler way for the treeviewnode to return me that value.

Thanks for any advice.

Martin Bechev
Telerik team
 answered on 18 Dec 2020
1 answer
134 views
going from 3.24.0 to 3.25.0 in the material theme causes the scrollview images to be visible off to the sides of the viewer.  You can see this in your demo site.
Svet
Telerik team
 answered on 18 Dec 2020
0 answers
342 views

Hi

Is this the only option to select only years from the datepicker?

<kendo-datepicker
                    [formControlName]="'year'"
                    [format]="'yyyy'"
                    [incompleteDateValidation]="true"
                    [bottomView]="'year'"
                    [weekNumber]="false>

</kendo-datepicker>

I was looking for something that only contains years and not also months.

Something like the attached image.

Dimitris
Top achievements
Rank 1
Veteran
 asked on 16 Dec 2020
1 answer
140 views

The styling for the "Add new" button and any buttons in the kendoGridToolbarTemplate seem to have changed.

There used to be padding around the buttons and the background colour used to match the grid.

It seems to have been changed after the latest Chrome update to 87.0.4280.88.

Will there be any updates to the grid to fix this issue?

 

Martin Bechev
Telerik team
 answered on 16 Dec 2020
2 answers
2.8K+ views

Hello,

 

Is there any timeline around supporting Bootstrap 5?  The first Beta version was just released last week, which marks the end of breaking changes before the first full release.  My team is currently using Bootstrap 5 and attempting to use kendo-theme-bootstrap, but am receiving SCSS build errors.  I assume this is because of the incompatibility with Bootstrap 5.

 

Thanks,

AJ

Ivan Zhekov
Telerik team
 answered on 15 Dec 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?