I am not able to remove the drop down from the multi select component. Is there any other way I can achieve its functionality.  

Hi, I have the following question about styling the titlebar of the kendo-dialog (stackoverflow link):

https://stackoverflow.com/questions/51306813/how-to-css-style-kendoui-dialog-titlebar-in-2-different-ways-when-opening-from-t

Thank you very much for your time.

Hi there

We're using selenium to generate our end to end tests. We are struggling to automate the drag and drop support for column grouping. Do you have any guidelines on how to test this functionality?

Thanks

Hi Team,

I am using Kendo Dropdown.

on Suggestion list if I selected one value and hover on the selection showing red highlight, As per my requirement I should not use any red colors.

How to remove the red highlight?

Please refer the attachment

Thanks

Sankar

Due to this message in Chrome...

"The SSL certificate used to load resources from https://www.telerik.com will be distrusted in M70. Once distrusted, users will be prevented from loading these resources. See https://g.co/chrome/symantecpkicerts for more information."

I now know the Kendo-UI tries to talk back to Telerik, for at least a CSS file, but I don't know what else.

Many of our customers have a white-list of allowed internet sites, and we don't want our application to require random 3rd party addresses to be white-listed on their firewalls, or have our request refused.  Architecturally, we did not appreciate this requirement for remote files for a library that we thought we hosted and delivered ourselves.

What are the options for not requiring internet access to use the Kendo UI?  Is it just a CSS file (or other CDN files) or other things like metrics reporting?  The CSS file does not appear to relate to any given version of Kendo UI - how do you keep backwards compatibility?

Many thanks for your help.

Hi,

If any of the kendo grid cell has overflowing content (horizontal or vertical scroll), I want to have that text copied to a clipboard by showing a 'copy to clipboard' icon on that specific cell,  when mouse is hovered over that data cell.

When trying to achieve this, I call a (mouseover) event and check if the element hovered on has overflow. If it does, I set a variable 'hasOverflow' to true and use this to conditionally show the icon. 

But the problem is I don't have access to specific cell, because kendo automatically renders them for us.

<div *ngFor column of columns>

    <ng-template kendoGridCellTemplate let-dataItem let-column="column">

         <div (mouseover) = setCellOverflow($event)><pre>{{dataItem[column.field]}}</pre></div>

         <i *ngIf= "hasOverflow">icon</i>             

    </ng-template>

</div>

Script::         

         setCellOverflow(event) {

             if(event.scrollHeight < event.clientHeight)  hasOverflow = true;       //instead of setting hasOverflow for every cell, want to set it for specific cell

         }

For some reason my dropdown isnt displaying the arrow icon.  I think its a styling issue, but cant figure out which style is being overridden.  Im using a custom bootstrap theme, but have commented out all my variables, yet the arrow still wont show.  What can I check? 

      <div class="col-1">
        Customers<br />
        <kendo-dropdownlist [data]="customerdata"></kendo-dropdownlist>
      </div>

Im also looking at the "computed" styles in the chrome dev console.  Comparing to the default example here

https://www.telerik.com/kendo-angular-ui/components/dropdowns/

See attached images.  My

The example dropdown is rending the arrow like this

<span unselectable="on" class="k-select" ng-reflect-ng-class="[object Object]">
               <span class="k-i-arrow-s k-icon" ng-reflect-ng-class="[object Object]"></span>
</span>

Where as mine is being rendered as a k-input class

<span unselectable="on" class="k-input" ng-reflect-ng-class="[object Object]"><!--bindings={}--><!--bindings={
  "ng-reflect-ng-if": "true"
}--></span>