or
0 answers
162 views
I am using the kendo editor and I am wondering if there is a way to highlight the text programmatically. I know that I can use:
editor.exec("backColor", "#FFFFFF");
1 answer
154 views
I am using the kendo editor to allow users to insert custom html images directly into their document by clicking inside the doc. I do this by calling:
editor.exec('insertText', { text: '#C#' });
and then replacing that text with an img element:
"<img src='../../../../assets/Artwork/Tag-Orange.svg' title='' height='15.25' id='' class='save_image_tag' />"
My problem is two fold: Whenever the user clicks in the editor to insert an image, the kendo editor shows a resizing box around the image:
I don't want this box to appear at all. In addition, even when the contenteditable is set to false for the editor, the user can still click on the images and a box around it will appear. I would like to prevent this from happening. Is this possible?
0 answers
213 views
In kendo-editor has issue in arabic language about backspace not working
if i focused for first time on it working fine but if i focused in any input then focused on it not working
trying to add any event to catch backspace but event not working .
Thanks
My code
if i focused for first time on it working fine but if i focused in any input then focused on it not working
trying to add any event to catch backspace but event not working .
Thanks
My code
<kendo-editor (valueChange)="textChange($event,isArabic)" [value]="mainText"
[class.n-editor--primary]="primaryBorder">
<kendo-editor-messages [createLink]="'insertLink' | translate " [dialogCancel]="'Cancel' | translate"
[dialogInsert]="'insert' | translate" [linkText]="'text' | translate" [linkTitle]="'Title' | translate"
[linkOpenInNewWindow]="'openLinkInNew' | translate" [linkWebAddress]="'webAddress' | translate">
</kendo-editor-messages>
<kendo-toolbar>
<kendo-toolbar-buttongroup>
<kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
</kendo-toolbar-buttongroup>
<kendo-toolbar-colorpicker [paletteSettings]="{palette:'basic' , columns:5}" kendoEditorForeColor>
</kendo-toolbar-colorpicker>
<kendo-toolbar-buttongroup>
<kendo-toolbar-button kendoEditorCreateLinkButton></kendo-toolbar-button>
<kendo-toolbar-button kendoEditorUnlinkButton></kendo-toolbar-button>
</kendo-toolbar-buttongroup>
</kendo-toolbar>
</kendo-editor>
eventIsCreated: boolean;
setTexts() {
this.mainText = this.isArabic ? this.textModel.textAr : this.textModel.textEn;
}
public textChange(event, isArabic) {
event = event.replace("/href/g", "appExternalUrl [href]");
if (!this.eventIsCreated) {
this.eventIsCreated = true;
}
if (isArabic) {
this.textModel.textAr = event;
}
else {
this.textModel.textEn = event;
}
}
0 answers
515 views
While I am trying to open the Context menu item using Kendo-ContextMenu (right click on the content to open the context menu), the Items of Context menu are not showing properly. Some of the items are not showing in the screen. Please find the attached screenshot for the same.
Please provide the resolution for this issue.
shuva
Top achievements
Rank 1
Rank 1
asked
on
23 Aug 2022
1 answer
247 views
Hi! Is there any way to add this in schedule grid? Vertical lines for open and closed hours.
Hetali
Telerik team
updated answer
on
22 Aug 2022
1 answer
187 views
Can you give me a Example for this in a Angular Gird:
https://www.telerik.com/forums/wildcard-filtering-quot-and-quot-quot-or-quot-etc
Hetali
Telerik team
answered
on
22 Aug 2022
1 answer
145 views
I need to visible this step outer circle/border when it is the current step not only focusing/clicking on it, Im using next button to go future steps
1 answer
176 views
I can use the value but then when I click on the calendar it highlights only the day that was clicked... I don't want clicking on a value to highlight it.. I want the collection of highlighted dates to be left alone.. How would I do this ? And how can I control the css for example.. Make the dates in the collection highlight with a blue font ..
<kendo-calendar (valueChange)="onChangeCalendarFilter($event)" [value]="trainingDates"
selection="multiple"></kendo-calendar>
//create array of date ranges from course dates
for (let i = 0; i < this.trainingRequests.length; i++) {
let startDate: Date = new Date(this.trainingRequests[i].sessionStartDate);
let endDate: Date = new Date(this.trainingRequests[i].sessionEndDate);
//create array of dates between start and end date
for (var a = [], d = new Date(startDate); d <= new Date(endDate); d.setDate(d.getDate() + 1)) {
this.trainingDates.push(new Date(d));
}
}
Yanmario
Telerik team
answered
on
18 Aug 2022
0 answers
183 views
Hi,
Any one help me to bind kendo-menu items with enabled / disabled
My code:
<kendo-menu [items]="toolbarItems" (select)="toolbarItemClick($event)">
<ng-template kendoMenuItemTemplate let-item="item">
<i [ngClass]="item.icon"></i>
{{ item.text }}
</ng-template>
</kendo-menu>
this.toolbarItems=[
{
id:1,
text:"New User",
icon:"fa-regular fa-user-plus",
isVisible:this.IsVisibleCreateUser,
isEnable:this.IsEnabledCreateUser
},
{
id:2,
text:"Update",
icon:"fa-regular fa-pen-to-square",
isVisible:this.IsVisibleUpdate,
isEnable:this.IsEnabledUpdate
},
]
0 answers
132 views
In the kendoSchedulerTimeSlotTemplate there's an argument date.
The kendo scheduler has an attribute starttime. We have defined it at 6:00:00
Slotdivisions is set at 4.
We falling back on the default date setting of the scheduler which is UTC.
We have noticed that the week and and day view is not giving an UTC date. For example with the setting 6:00:00. We will get the time 16/08/2022 10:00:00GMT+2. With the Timeline view we will get the correct value. 16/08/2022 8:00:00GMT+2
The kendo scheduler has an attribute starttime. We have defined it at 6:00:00
Slotdivisions is set at 4.
We falling back on the default date setting of the scheduler which is UTC.
We have noticed that the week and and day view is not giving an UTC date. For example with the setting 6:00:00. We will get the time 16/08/2022 10:00:00GMT+2. With the Timeline view we will get the correct value. 16/08/2022 8:00:00GMT+2
