Telerik Forums
Kendo UI for Angular Forum
0 answers
162 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
233 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
488 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
148 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
511 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
181 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
120 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
178 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
0 answers
119 views

For a Radar Chart, is it possible to "fill in" the area inside a series with a semi-opaque color? If so, how would I do that?

Thanks.

Dan
Top achievements
Rank 1
 asked on 26 Aug 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
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
Iron
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?