Telerik Forums
Kendo UI for Angular Forum
0 answers
193 views

Using the SASS build for Kendo Angular Material I wish to simply change the primary, secondary and accent colors for the entire theme and then download.

There is only a drop down to select a color palette, but no way to choose specific colors.

When I download the variables.scss, there aren't entries for these three colors.

Question: How do I edit the variables.scss to change these three colors?

IanV
Top achievements
Rank 1
Veteran
 asked on 23 Dec 2020
0 answers
258 views

I have a requirement to customize the kendo column and also needs to use Context Menu. 
I'm sharing screenshots of the demo I'm trying to implement.

When I right click on the kendo column (which is having the ng template )  content like Icon or data/text it doesn't work
But on the cell it works. 

Can you help me out in this ??

Manish
Top achievements
Rank 1
 asked on 23 Dec 2020
4 answers
355 views

Hi,

When user enter only mm/dd, i need to show invalid date format error message. To do this i am trying to get the entered date value using valueChange() method. But valueChange() method only return date value if user enter mm/dd/yyyy like [12/12/2020]. When user enter partial value like [12/12/yyyy], it return null value. How can i get the partial date value?

Thanks

 

 

Saravanan
Top achievements
Rank 1
 answered on 23 Dec 2020
0 answers
279 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
391 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
110 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
495 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.6K+ 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.6K+ 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
162 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
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?