Telerik Forums
Kendo UI for Angular Forum
0 answers
196 views

So i have a very specific but important problem regarding the usage of Kendo Editor with Angular-Mentions package.

Basically when i type "@" and the dropdown menu shows i then press the "Enter" key but it only adds a new line in my KendoEditor and it does not select the entry from the dropdown provided by the Angular-Mentions package

Thank you in advance

Sven
Top achievements
Rank 1
 asked on 07 Sep 2022
0 answers
150 views

How can i disable going to new line when Enter is pressed in Kendo editor?

I tried with angular's (keydown.enter) and event.preventDefault() but that doesnt work.

Please respond quickly.

Sven
Top achievements
Rank 1
 asked on 07 Sep 2022
1 answer
209 views

I can't seem to get the event template to display data from the event object, apart from the title. I'm trying to do this with custom properties that I've added to the events object and that does not work. But also, existing properties, such as description, also do not display.

Used the documentation from here:

https://www.telerik.com/kendo-angular-ui/components/scheduler/templates/#toc-all-day-events

So in the example below, description will not display.

Is this a feature or bug?

<div class="row col-md-12" *ngIf="fixingEvents.length > 0">
  <kendo-scheduler
    [kendoSchedulerBinding]="fixingEvents"
    [selectedDate]="fixingFromDate"
  >
    <kendo-scheduler-week-view> </kendo-scheduler-week-view>
    <ng-template kendoSchedulerAllDayEventTemplate let-event="event">
      <p>{{ event.title }}</p>
      <p>{{ event.description }}</p>
    </ng-template>
  </kendo-scheduler>
</div>
Dimiter Topalov
Telerik team
 answered on 07 Sep 2022
1 answer
445 views

hi,

How do I display the auto generated percent value as label in the bars?

I have a bar chart with [stack]="{ type: '100%' }". I would like to display the percentage as label in the bar (like in attached pic).

I tried label component but getting the value displayed rather calculated percentage. 

<kendo-chart-series-item-labels format="{0:P}" position="center">


Here's the code:

https://stackblitz.com/edit/angular-ivy-n9xwdr?file=src%2Fapp%2Fapp.component.html

Hetali
Telerik team
 answered on 06 Sep 2022
0 answers
145 views

When I would like to use icon in button like this:

<button kendoButton icon="gear" class="k-button" [disabled]="someMethod()"></button>

everything is ok. I see gear icon into a button.

If I would like to use directive kendoGridAddCommand like below:

<button kendoButton icon="gear" class="k-button" kendoGridAddCommand [disabled]="someMethod()"></button>

I see two icons into the button. What is going on? I cannot understand what's adding second icon.

Without directive:

With:

Robert
Top achievements
Rank 1
 asked on 05 Sep 2022
1 answer
465 views

I'm currently testing the kendo editor component. When I run the editor in an isolated project the toolbar works perfectly, but when I run the editor in our project the button-group components don't show any buttons and as it's shown in the attached resources the buttons array seems to be empty, when in the HTML template there is clearly two buttons inside the button group. I have tried re setting the node modules and downgrading some versions but it isn't working still. It's important to note that the issue does not happen when using the normal button-group outside of the toolbar.

<div class="edit-container container-fluid">
<div class="row">
    <app-header [wiki]="wiki"></app-header>
    <kendo-editor>
        <kendo-toolbar>
            <kendo-toolbar-buttongroup>
                <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
                <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
            </kendo-toolbar-buttongroup>
        </kendo-toolbar>
    </kendo-editor>
</div>
</div>

Martin Bechev
Telerik team
 answered on 02 Sep 2022
1 answer
171 views

I have a categorical line chart with multiple series, and I want the crosshair to only display a vertical line and work like a shared tooltip, with markers for all the lines showing up on the crosshair.

 

I found a picture online that matches what I want exactly (except for having no tooltip/text), and it belongs to Kendo UI for Angular, but the search result just takes me to the main page, so I have no idea how to accomplish this... I've attached the image I found.

Dimiter Topalov
Telerik team
 answered on 31 Aug 2022
0 answers
115 views

Hi,

I have been asked to make a grid inside another grid and I see that Master detail component should work for me. I make another component with the grid as the example.

https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/

I need also the drag & drop between rows from the main grid and also from the master-detail grid.

https://www.telerik.com/kendo-angular-ui/components/knowledge-base/drag-drop-between-grids/ 

 

Is it possible to make this functionality with inputs and outputs?

Thanks,

Jose
Top achievements
Rank 1
Iron
Iron
 asked on 30 Aug 2022
0 answers
172 views

I have a question regarding KendoToolbar which I am using in combination with KendoEditor.

My project doesn't have a Kendo theme installed so when buttons are pressed they don't change color. 

When i try to change it with css I wasnt able to do it because buttons are represented as <span> HTML element with <i> element inside and :active css atribute only fires when the button is clicked but the color doesn't stay when the button is u pressed.

How can i toggle the button color on press?

Sven
Top achievements
Rank 1
 updated question on 27 Aug 2022
1 answer
1.3K+ views

Hello, how do i change the default font that is displayed in the KendoAngularEditor component. 
I know there is a way to switch fonts with the toolbar but i want to set the default font when user first sees the page.

There are some solutions for JQuery but i can't seem to find any for angular

Thanks in advance.

Hetali
Telerik team
 answered on 26 Aug 2022
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?