Currently, I am working with an object that has a string property embedded within it. The string in this property contains interpolation elements. For my user interface, I have implemented a reactive form with an input field. My goal is to display the ent ...
My current challenge involves attempting to combine the autocomplete feature of ngmap with Kendo UI. However, I am encountering an issue where the placeChanged event is not triggering and the autocomplete widget is not displaying. The input placeholder i ...
In our development plans, we aim to design a cutting-edge hybrid mobile application by incorporating HTML, Kendo-UI, and AngularJS. One crucial component of the mobile app will be a left sidebar navigation menu featuring various items for navigating throu ...
$(document).ready(function() { $("#selection").kendoDropDownList({ filter: "startswith", dataTextField: "SelectionName", dataValueField: "SelectionID", dataSour ...
I am facing an issue with my code involving two date pickers and one dropdown list. I want the date pickers to change based on the selected item from the dropdown list. Here is the relevant portion of my code: $scope.toolbarOptions = { i ...
Hey there! I have a form with specific fields that I've converted to Kendo Observable like this: var TITLE = $("#TITLE").val().trim(); var DESC = $("#DESC").val().trim(); Analysis.Kendo_VM = kendo.observable({ TITLE: TITLE != null ? TITLE : "", ...
I need to implement a jQuery function on the Destroy button in order to store data in an array: For this purpose, I am utilizing Kendo Grid as shown below: @(Html.Kendo().Grid(Model) .Name("Passenger") .TableHtmlA ...
Working with AngularJS has been a great experience for me recently, especially in creating custom abstract data factories. The features it offers are really impressive. KendoUI also provides similar features like MVVM and SPA routes that AngularJS offers. ...
I'm encountering an issue with Protractor while trying to input text into a Kendo TextBox. The error message I receive is "ElementNotVisibleError: element not visible". Interestingly, when the text box is clicked on, the "style="display: none;" changes to ...
Looking at this code snippet <kendo-grid-column title="{{localizationKeys.adempimenti.organizzazione.responsabile}}" field="addettiGrid"> <li *ngFor="let addetto of addettiGrid; let i=index"> <div>{{addetto}}</div> ...
According to the information provided on this link, it seems that batch editing of the kendo ui grid for angular 2/4 is currently unavailable. Is there anyone who has come up with a solution or workaround for this issue? ...
I am currently working on a project that involves laying out multiple Kendo windows in rows. Specifically, I need to display 4 windows in each row and have them shift left when closed. My framework of choice is Bootstrap 3. Everything works as expected w ...
I have tried multiple tips and tricks from various sources, but I still can't seem to solve my problem. My goal is to replace a trNgGrid with the Kendo UI Grid. The trNgGrid functions differently as it retrieves its data from a $scope variable named ...
Looking to have a Kendo grid display a green fas-fa-clock icon if isActive is true, and a grey far-fa-clock icon if false. Clicking on the icon should toggle between true and false. Currently, the grid just shows the word true or false in the column. Cod ...
I am facing an issue in my application where I am using global CSS definitions for "INPUT", "SELECT", and other elements. The problem arises when I try to incorporate KendoUI widgets, as they override my default CSS styles. For instance, my CSS code looks ...
Seeking to modify the SelectionMode of a Kendo MVC Grid, I aim to switch from single to multiple using Javascript or JQuery upon checkbox selection, and revert back when the checkbox is unchecked. Is this feasible? Additionally, I am successfully binding a ...
Encountered an error while trying to clear a set filter in vuejs (native) grid filtering implementation. The specific error message reads: [Vue warn]: Error in v-on handler: "RangeError: invalid array length" found in ---> <GridFilterCell> ...
After conducting extensive research on the subject, I was unable to find any satisfactory answers or complete examples. Since I have limited experience with jquery, I am in search of a straightforward sample that demonstrates what I'm trying to achieve. T ...
I've recently implemented the [Datepicker feature from Telerik Kendo UI][1] While the datepicker functions perfectly, I have encountered a single issue where it displays undefined when the date value is not defined: [![enter image description here][2]][2 ...
Currently, I am encountering an issue with the Kendo UI MultiSelect widget when trying to select an option multiple times. An example of this is shown in the image below where I want to choose Schindler's List again after selecting The Dark Knight. However ...
After creating a new row in my grid, I encounter an issue with accessing other information within my component. Typically, I would use "this.method" or "this.property" to access these details. However, post-creating the row, "this" no longer references t ...
I need to pass a data (specifically a GUID) to the upload method of the kendoUpload, so that a particular MVC Controller action method can receive this data each time the upload occurs. $("#propertyAttachmentUpload").kendoUpload({ async: { ...
I am trying to include 2 buttons in a cell, where one button calls a specific function and the other button disables the previous button that calls the function. In my template column, I have implemented the following: return '<button kendo-button clas ...
I have made modifications to the Kendo Calendar Month Template Resource which can be found Here without utilizing knockout-kendo.js. The official Kendo Reference is available Here. The issue arises when I implement the following code in knockout-kendo.js ...
I'm currently following the guidelines provided on https://www.telerik.com/kendo-vue-ui/components/diagram/ to implement a diagram in my standalone Vue application using .vue files. However, I encountered an issue where it fails at kendo.dataviz, sta ...
Seeking assistance with implementing Kendo Angular's auto complete widget using server filtering. Following the service call, the popup displays [object Object] and the count of these matches the results retrieved from the server. Could someone kindly revi ...
Check out the Kendo code snippet below for a dropdown control. I'm currently facing an issue where I am trying to display a "Please select" option in the dropdown. This code works perfectly fine for all other dropdowns except for this specific one. T ...
Along with transitioning away from jQuery, my main focus is to make my code more efficient. In large scale enterprise applications, the excessive use of jQuery and JavaScript can become problematic. I have decided to switch back to vanilla JavaScript for ...
I've been attempting to modify the pagination display message, but I'm encountering an issue. The default message currently looks like this: https://i.stack.imgur.com/MYmoz.png '{0} - {1} of {2} items' For example: "1 - 10 of 1000 items' I want to ...
I recently tested out the code from kendo on StackBlitz and it worked perfectly: https://i.stack.imgur.com/Nrp2A.png However, when running the same code on my localhost, all the styling for the chip is missing: https://i.stack.imgur.com/1pUH9.png The c ...
Presently, the grouped columns are concealed using the attributes of the k-group-indicator element field. $("div.k-group-indicator").each(function (i, v) { grid.hideColumn($(v).data("field")); }); However, I am now faced with the task of making th ...
I am looking for a way to display JSON data in a Kendo chart. Below is the code I have: <head> <meta charset="utf-8"/> <title>Kendo UI Snippet</title> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019 ...
This is my first time working on an Angular Js application as part of a project requirement. I have been searching online for documentation on installing Kendo for Angular, but most resources seem to focus on Angular instead of Angular Js. Is it possible ...
My ng-controller is not functioning properly for the kendo tabstrip tab content. Could you please review my code below? <!--tabstripCtrl.js--> angular.module('tabstripApp',[]); var app = angular.module('tabstripApp'); app.controller('tabCtrl',[' ...
When I try to enter the date: 5/01/2017 The first zero in the days section is always missing when using kendo-date-picker, resulting in the following date: 5/12/17 In my HTML code: <kendo-datepicker [min]="min" [max] ...
I have created the following example, but unfortunately it does not seem to be working properly: Controller Home: namespace MyApplication.Controllers { public class HomeController : Controller { public ActionResult Index(DateTime? dat ...
I'm currently facing issues while attempting to integrate Kendo UI into an Angular 4 application, encountering various errors along the way. To begin, I initiated the installation by running this command: npm install --save @progress/kendo-angular-datein ...
Looking to develop a mobile application using HTML5 that can function on both iOS devices (such as iPhones and iPads) and Android phones and tablets. The focus of the app will be on organizing grocery items, including various categories and images for eac ...
Currently, I am immersed in a project based on the MVC framework and utilizing the Kendo DropDownList. An problem has arisen, which is visualized in the image below. Specifically, the items of the Kendo DropDownList are becoming obscured by the PDFViewer ...
How can I retrieve data on the doubleClick event in a Kendo Grid? I want to access the same object that is fetched during the selected event, which would be the dataitem at the selected index row. HTML: <kendo-grid #myGrid [data]="gridDat ...
In my TypeScript file for class A, I am encountering an issue with the Kendo TreeList code. I am trying to call a function from the Kendo template. export class A{ drillDownDataSource: any; constructor() { this.GetStatutoryIncomeGrid ...
Issue: My Kendo UI JQuery Grid is fully functional except for a bug that occurs when adding a new record. When I add and save a new record, the grid's footer "floats" halfway up the grid and the scrollbar disappears, making it look distorted. Further in ...
The issue I am facing is that the combo box is not loading items after filtering, specifically when dealing with a small set of data (around 10-60 items). To reproduce the problem, follow these steps: Filter an item (e.g. ZIORE) from the text box. Use t ...
What is the correct way to set focus on the kendo-maskedtextbox in TypeScript after the view has initialized? The information provided in Telerik's example here is lacking in detail. ...
I'm new to Kendo and struggling to display my JSON data in the Kendo Grid. When I try to access my $scope.actionData using a regular HTML table, it displays on the page. My ultimate goal is to achieve something similar to this. The column headers are vis ...
I have encountered a problem with the alignment of the Kendo Window. There is a simple fiddle available to demonstrate this issue. Despite having ample space for the Kendo window to show without triggering the browser's vertical scroll bar, the centering ...
Is there a way to include two separate filter fields for date filtering in Kendo Grid UI? Currently, the method I am using only allows for one date filter to be displayed. filterable: { ui: function (element: any) { element.ken ...
We are interested in knowing if future releases of Angular2 will include Kendo Spreadsheet or the ability to export data to Excel for the grid. We currently use the Angular1 version and would like to upgrade, so having these features available in Angular2 ...
My kendo Grid has a tooltip that displays details using a kendo tooltip. The template below works fine as an external template, but I am not sure if it can be passed as an inline template. Here is the code for the external template: <script id="ja ...
I am experiencing difficulties with my ASP.NET MVC application that utilizes Kendo UI and jQuery. Specifically, when using Internet Explorer 11, the browser crashes after a short period of usage. The crash does not seem to be linked to any specific areas o ...
Utilizing the Kendoui grid Vue wrapper, I discovered in the Kendoui Vue documentation that a single file Component can be used for Kendo templates. Currently, I am working on an editable grid with a popup editor. In my attempt to set the "editable" propert ...
We are looking to enhance the speed at which our Javascript files load in the browser. Although our own Javascript files are simple and small, larger libraries like jQuery and KendoUI take a considerable amount of time to evaluate. We are interested in fin ...
I am facing an issue with binding remote data to a pie chart while managing a grid with dropdown sorting options. The grid is working fine, but I am unable to display the hierarchical data on the pie chart as categories. <!DOCTYPE html> <html> ...
In my current project, I have a parent component responsible for making an AJAX call to fetch data from the backend to populate a grid. To render the grid data, I created a child component where I pass the list as an in-binding. However, I noticed that whe ...
After browsing through similar questions, I couldn't find a solution. Currently, I am experimenting with Kendo (open source core for now) in a Visual Studio Cordova project. Initially, disregarding Cordova, I am focusing on setting up a basic view with the ...
I'm encountering an issue while trying to set CSS based on a condition inside quotes. This is causing a syntax error for me. Can anyone provide assistance in finding a solution? <div> <span ng-class='{\' rdng-error-rate&bsol ...
I am looking for a way to insert new data into a Kendo grid, but I want the added row to have a custom class so that I can style it with a different background color. How can I achieve this? I have searched through all the documentation but couldn't find ...
Currently, I am utilizing the Kendo grid UI within the Jquery Library. In order to enhance my grid's functionality, I am looking to achieve two specific objectives with the column filter menu dropdown checkboxes: 1) Alphabetically sorting the checkboxes ...
I've been experimenting with using the combobox as either an editor or template for a column. The key difference is that one (the template) is always visible, while the other (the editor) is only displayed when the user edits a cell in the column. I&a ...
I am trying to modify the date format in the filter of my kendo grid. For example, I would like to change 1/30/2015 to Jan 30, 2015 I have successfully changed the date format for Start Date field: "StartDate", title: " ...
My homepage features a simple bar chart that displays correctly, but I am having trouble capturing the left click event (the right click works fine). This is an example of code from my template: <kendo-chart *ngIf="(dataExists | async)" [ ...
This question presents a challenge, but there may be a solution waiting to be uncovered. Presently, I am utilizing the Kendo UI panelbar for developing expandable lists. However, an issue surfaces when employing an <ol> as the sublist - in this scen ...
I am attempting to integrate Kendo UI with Angular in order to utilize its pre-built UI widget directives. After running the command jspm install kendo-ui, I have successfully installed the package. In one of my files, I am importing jQuery, Angular, and ...
I am currently facing an issue with my ajax call that updates a kendo multiselect's data source based on another dropdown selection. The multiselect also has a read action that filters the data. AJAX Call function getPsychiatrists() { return $.aj ...
My current task is rather unusual. I have been tasked with collapsing all data rows of a Kendo grid to its header. While I am familiar with collapsing to groups, this particular requirement seems quite challenging. Below is the proposed design for the Ken ...
Is there a way to customize the style of required and invalid fields for KendoUI elements, such as changing the background color of a required input field? I have been using the following styles: .k-textbox>input[required], .k-picker-wrap .k-input[re ...
I'm just starting out with Kendo UI and Angular 2, and I'm currently working on integrating Kendo UI with Angular 2. Specifically, I have a Grid Module set up with checkboxes in each row. My goal is to extract the row ID or any other field value when a row ...
Currently utilizing the kendo UI file manager to navigate through my files and images. According to telerik documentation, only the functions to add folders and remove files and folders are supported. However, I am in need of the ability to rename both f ...
Can someone assist me in copying the content within a Kendo Chip when clicked in an Angular application? Your help is greatly appreciated. View image here ...
Currently, I am working with a Kendo UI grid and my goal is to dynamically bind the column headers to a JSON file instead of hardcoding it in the controller. Is there a way to achieve this similar to how we bind data using the dataSource? If not, what wo ...
I have created a code using treeview in manual mode. div id="treview-back"> <?php $treeview = new KendoUITreeView('treeview'); // function to create TreeViewItem with imageUrl function ImageTreeViewItem($text) { $item = new KendoUITr ...
Is there a way to apply a background color to specific cells in a particular column without affecting the others? It seems like Vue doesn't have this built-in functionality. I found a tutorial on applying backgrounds to entire rows, but I'm look ...
I have configured a vue kendo dropdownlist control using an array of objects for data population. <kendo-dropdownlist :data-source="months" :data-text-field="'abbrev'" :data-value-field="'value'" v-model="internal.selectedMonth" > ...
Within my Kendo UI Grid, the ability to select individual rows is made possible by clicking a checkbox that adds them to an array. However, my goal is to initially set selected rows based on whether or not the dataItem for each row exists in a specified ar ...
Encountering an issue, I needed a Kendo UI Grid widget with its height set to 100% of the surrounding <div>. Attempting basic CSS styling on the grid proved unsuccessful: html, body { height:100%; } .expand-vertical { height: 100%; min-h ...