Telerik Forums
Kendo UI for Angular Forum
0 answers
137 views
I want to create a component that will contain kendo-toolbar-button. I will use this component within <kendo-toolbar> . When I try to implement it this way the buttons don't appear.

<kendo-toolbar>
 <toolbar-button>
 </toolbar-button>
</kendo-toolbar>

Toobar-button:
    <kendo-toolbar-button [imageUrl]="'assets/delete.png'" [fillMode]="'flat'">
    </kendo-toolbar-button>

It does work when I directly add kendo-toolbar-button to kendo-toolbar. However I would prefer the one above
Danny
Top achievements
Rank 1
 asked on 31 Jul 2023
1 answer
266 views

Is there a straightforward way to render tooltip only if content was overflown? 

.some-element {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
Thanks
Hetali
Telerik team
 answered on 30 Jul 2023
1 answer
73 views

I have an app that is launching a window via the WindowService open method and I want to set the "themeColor" for the window.  There is no themeColor property available in the WindowsSettings.  I did try setting it via htmlAttributes, but that didn't have any effect. 

Am I just missing something?

 


    const windowRef = this.windowService.open({
      title: appointment.event?.name, 
      content: AppointmentModalViewComponent,
      width: 500,
      minWidth: 450,
      htmlAttributes: {
        "themeColor": "primary"
      }
    });

Tsvetelina
Telerik team
 answered on 28 Jul 2023
0 answers
84 views

 

HI All,

I am getting a error in kendo Multiselect. when I select any one of them  in list after that currency icon is converting to hex value as you see in below picture. can you tell me how it's resolved.

 

 

 

Sanjay
Top achievements
Rank 1
Iron
 asked on 27 Jul 2023
0 answers
359 views

Hi,

In the previous release we did not have a circle over the delete button in the kendo multi select dropdown. Here is the image.

Previous release of kendo-multiselect.

 

 

In the current release, there is a circle around the X.  We have a requirement that no dark circle should be shown around the 'X'.

 

I tried looking at the document and even extended the service and that doesn't work. Any suggestions?

 

Here is my class extending the IconSettingsService . But it never hits this service.

import { Injectable } from '@angular/core';
import { IconSettingsService } from '@progress/kendo-angular-icons';
import { SVGIcon } from '@progress/kendo-svg-icons';
import * as allSVGIcons from'@progress/kendo-svg-icons';

@Injectable()
export class MultiDropdownIconService extends IconSettingsService {
    private svgDictionary: { [key: string]: SVGIcon } = {
        "xCircle": allSVGIcons.xIcon
    };

    public getSvgIcon(svgIconName: string): SVGIcon {
        return this.svgDictionary[svgIconName] || super.getSvgIcon(svgIconName);
    }
}

 

In the latest release I see that kendo is using svg.

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 asked on 26 Jul 2023
0 answers
77 views

Hello kendo team.

Q: Is there a way in current or future versions to configure the visibility for hit (preview) element while dragging an item?

It seems that sortable has an hint: ElementRef; but no starlight forward way to configure its visibility.

Currently the following approach was used, but maybe there is a better way. 

<kendo-sortable [activeItemClass]="'sortable-active-item'">
</kendo-sortable>
.sortable-active-item {
  display: none;
}

.sortable-active-item[kendodraggable] {
  display: block;
}

ps. The project is tied to the old version of kendo ( "@progress/kendo-angular-sortable": "^3.0.3") and cannot update the package now

Br

Evgeniy
Top achievements
Rank 1
 asked on 26 Jul 2023
1 answer
205 views

We are using remote data to create treeview, so our tree data type is

public treedata: Observable<any>;

So in search function we are getting exception

Argument of type 'Observable<any>' is not assignable to parameter of type 'any[]'.

How we apply a filter on remote async data?

Shubham
Top achievements
Rank 1
Iron
 answered on 26 Jul 2023
0 answers
92 views

According to https://www.telerik.com/kendo-angular-ui/components/editor/styling/#toc-setting-the-height I can customize the size of the editor area. Is it possible to make it fill all available space?

height: 100%;
does not accomplish that unfortunately. 
Ewgenij
Top achievements
Rank 1
Veteran
 asked on 24 Jul 2023
1 answer
251 views

HI,

Is there a way to enable multiselect capability in kendo listBox? this is one of our requirement to select multiple records and be able to move to the right and vice versa.

 

Regards,

Jyothi

Yanmario
Telerik team
 answered on 21 Jul 2023
0 answers
92 views

We have this code (it's way stripped down) and when I have focus on the last field during editing, I want to be able TAB from it to the Cancel button in the command column. This currently does not work. TABing instead takes me to the next focusable elements outside the Grid.

Any suggestions appreciated.

<!-- we dynamically generate columns and user our own component to render the field when editing -->
<ng-container *ngFor="let columnDef of this.GridColumnDefs; let iColIndex=index">
            <kendo-grid-column  field="{{columnDef.name}}"
                               title="{{columnDef.displayName}}">
                <ng-template kendoGridCellTemplate let-dataItem>
                    . . .
                </ng-template>
                <ng-template kendoGridEditTemplate>
                    <app-form-field-wrapper ...etc...><app-form-field-wrapper> <!-- this is our own component -->
                </ng-template>
            </kendo-grid-column>
        </ng-container>

        <kendo-grid-command-column [width]="180">
            <ng-template kendoGridCellTemplate>
                <button kendoGridCancelCommand kendoGridFocusable>Cancel</button>
            </ng-template>
        </kendo-grid-command-column>
        . . .    


Paul
Top achievements
Rank 1
 asked on 20 Jul 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?