I am facing an issue with the DateTimePicker where the time in the selection box is appearing up twice.Attached is the image - Image[^]What I have tried:The code that I have done for round off and for setting the max value is below, please let me know where i am going wrong.Code...
We have a kendo tree-view already implemented in our web application. In our new requirement we have to add some additional controls inside tree view.>> Scenario 1: Once user select a check box from tree view one textbox should be shown near to selected checkbox (based on some business...
This is how a Kendo UI widget instance is retrieved in general. The approach follows the convention with regard to jQuery plugins.Methods and Events | Kendo UI Getting Started[^]
Quote: As for loading excel files in the Grid, such functionality is currently not supported. The Grid can be bound to an array of data, an object of type GridDataResult, or directly to an observable via the async pipe. For further details, please see: Import Excel File In to Kendo Grid in UI...
Try something like this: function getPDF(selector) { var element = $(selector); var buttonsToHide = element.find("button:visible").hide(); kendo.drawing.drawDOM(element).then(function(group) { return kendo.drawing.exportPDF(group, { margin: { left: "1cm",...
Looking at the example code, this is quite easy to achieve. Their code - { field: "FirstName", template: "#= FirstName #" } Your code should be, which I tested from their example and...
The Kendo-UI uses normal html and css to create its menus. You can do exactly the same, see below code as an example, just tweak it for your purposes -
How can I pass the PreEmploymentId of the selected row from the grid to window on button click event of the grid.Script- $("[data-button-type='auction']") .click(function(e) { myWindow.data("kendoWindow").open(); ...
I have custom Kendo UI template in which i have for loop. Into the for loop i want to data bind text from the value. Any suugestions or workaround?What I have tried: # for (var i = 0; i
Hi,I am working on Kendo grid inline add/edit/deletefirst time when click on add button , the new row will come and can enter values and when press on UPDATE button,its workingbut second time click on add button, the new will come and can enter values when press on UPDATE button but...
In the below code:var grid = $('#grid1').data('kendoGrid');var f = grid.tbody.find('tr.k-grouping-row');grid.tbody.find('tr.k-grouping-row').each(function (e) { grid.collapseRow(this); });console.log(grid.tbody.children().length);Why grid.tbody.children().length is 0 while grid.tbody...
When I try to click on the cancel button on a particular row , the row displays the details of the first row in grid(means it duplicates the first row in the grid), instead of just displaying the previously displayed details on that row.My view code is ...
hiwhy jquery does not work in kendo grid popup windows?I have a dropdownlist and a textbox in popup.i want to fill textbox according to selected value of dropdownlist.but jquery does not work.thank you in advanceWhat I have tried:i add a kendo grid and set popup windows for...
use body.on event. I have checked this by editing the example Popup data editing example for Kendo UI Grid widget[^] and worked $('body').on("change","input[name='ProductName']",function(){ debugger; alert('hi'); });
I have got two kendo grid in a page called region and Search band. Where the region grid has the list of all the region names listed and the search band has the region names listed in a drop down along with few other fields. When ever we add a new region in the region grid the region name...
I am using Kendo File Upload for upload files and after uploading I convert the file to Byte array and save it on Database in the Binary data format.My requirement is I want to display the uploaded files in the uploaded area,ie the area where I upload files.(Take byte array content of files from...
Hi Team, I am using below url to get data from server'http://localhost:60661/api/Books/GetBook/' + AppContext.Unit+ '/Chapter'as above i want to pass 'AppContext.Unit' value dynamically through API URL using kendo autocomplete widget.RegardsNanda Kishore.CHWhat I have...
I want to write some codes that can show details of my item by using the Action method.@(Html.Kendo().Grid() .Name("ArticleAdmin").Navigatable() .Resizable(c => c.Columns(true)) .HtmlAttributes(new { @class = "cursorLink", @style =...
I have a kendo grid with few columns(let's name them as A,B,C,D) where data in column A & B I am getting from the database. Column C is a drop down and..my requirement is upon change of drop-down in column C, I should perform some sort of calculations on the values of column B & C(i.e,...
first you need an event (I'm guessing you just haven't written it in yet).$scope.gridColumns = [ { field: "CategoryParameter", title: "Category Parameter" }, { field: "TI", title: "Team/Individual" }, { field: "Score", title: "Score" }, { field: "YourRating", title: "Your...
A side note: Where does one post something just so people can google it in future?So when trying to populate a field in a kendo grid using a custom editor with a kendo combobox or similar, the editor dorpdown works fine but as soon as you leave the editor (leave the field) it populates the...
The solution is to ignore that example and use the example they have for validation. Simply adding a couple of extra attributes solves the issue (I have no idea why) editor: function (container, options) { // create an input element var input = $("
I am very new to this kendogrid. I am exploring a project that includes the kendogrid implementation. This is line where I got stuck.$('#tbl').data('kendoGrid').dataSource.read();What I have tried:I know that this line is being used to retrieve/refresh data but I am not understading...
I have Kendo TreeList in which I am adding new Nodes. After saving records I am going to edit any record from Tree List, after completion of this step I am again saving that record into a database. After saving I would like to reload that TreeList. While reloading I am getting bellow...
Hi,I created kendo grid with custom angular directive but it's datasource change not getting raised, however if i use the code without custom directive it works fine.Can someone please help?Also here is a DOJO link where this issue can be reproducible: Kendo UI® Dojo by...
How do we refresh the kendo UI scheduler in angualr js after filtering the resources In Jquery it will be var scheduler = $("#scheduler").data("kendoScheduler"); scheduler.refresh(); What I have tried: Tired $scope.schedulerOptions.refresh(); ...
Hi, I have a gridview in which I have 5 columns for example. After the grid is loaded with data from db, I will have the first column designed with a dropdown using jquery. I plan to enhance the second column to become a datetime picker by using jquery too. I have successfully added the dropdown...
If you are about to "write a(n) essay about this", you should learn the importance and wight of words - and do not wast them... While Telerik has lot of minuses, that simple sentence on the Kendo UI home-page is the exact explanation what that all about... And you may also notice that CP is...
Generally draw the Line to marker location but i want to how to draw route between multiple markers in MVC using kendo Line to marker location source code: Map.cshtml: Kendo UI Snippet
First of all you need more than one point to work with - otherwise there is no route... data: [{ location: [20.69, -70.96], title: "Foo" }, { location: [22.69, -77.96], title: "Next Foo" }, { location: [12.69, -67.96], title: "Next Next Foo" }], If you want to draw a line between...
I have used kendo grid for display of data, but i am getting an issue in databound event of the grid in dataItem.set() method, here property is not getting set for each row of the grid. Thanks in advance. Dipak What I have tried: function dataBound(e){ var items = grid.items();...
Have you tried asking the question in the dedicated Telerik Kendo support forums? You will get the best support for your question there... Here is the link: Telerik Developer Forums[^]
I have a Kendo grid.Each parent row consists of two row and child row has a div. but now expand collapse not showing and command button in grid also not showing. What I have tried: $("#grid").kendoGrid({ dataSource: { data: items, pageSize: 10 }, noRecords: { ...
There may be some here who knows about Telerik controls, but I believed you stand a better chance by posting it at Telerik dedicated forums: https://www.telerik.com/forums/kendo-ui/grid
I have used kendo grid in my MVC project. In the my grid i have 3 columns e.g. city, state, country columns. These 3 columns in grid have combox to select value in the grid. But here i am facing an issue, for the first time when page is getting loaded, i am able to view combobox in the columns...
Need to dispaly " are you sure you want to delete" pop up before deleting. $scope.model.cols.push( { 'template': '', editable: false, width: 20 }, { 'template': '
Requirement: There is a textarea (name: txtFName) control. When users will enter some value over there and will click on a button, then Kendo Editor should open up and that text from "txtFName" should get pasted in Kendo Editor, under " ... " tag. The cursor should keep blinking just after the...
We've kendo tree list option in our project to show some datas. In that we have checkbox template column in order to select and update any rows from it. While collapsing the row the checkbox's state is changing to unchecked if it is checked earlier. How to avoid this. What I have tried: I...
Kendo-UI is a third-party tool from Progress Telerk. Best asking them about their library in their support forums: Discussions on ASP.NET AJAX, MVC, Core, Xamarin, Angular, HTML5 and jQuery - Telerik Forums[^]
The quick answer is Yes. Kendu UI is a client-side library so you would need AJAX to connect with your data via RESTful services or APIs. For more help on Telerik related controls, I would recommend you to post it at their dedicate support forums site: Discussions on Kendo UI for jQuery Forum -...
Hi All, I am very newbie in Kendo with angular.js I am working on kendo tabstrip, being populated with data, using angular code. I have been given a task where I need to change the value of a dropdown control. I understood that all the grids in all the tabs are being loaded initially, all at a...
There are events, one of them is tabSelect - bind to it so receive notification (and do some code) when user switches between tabs... TabStripComponent - Layout API - Kendo UI for Angular[^]
Hi All, I am working on a grid which has tooltip for all the columns. I want to change the anchor (arrow-pointer) position to the bottom-left. Currently, the position is bottom. I checked the Kendo tooltip API document and saw that bottom-left is not there. Still, if I need bottom-left...
In the Pivot grid (Kendo UI asp.net MVC), I have tried to hide the last column and row but could not succeed (ie. the column and row that shows total field which is default in the grid). I search on google but I didn't get the correct answer. Can anyone help me to do? What I have tried: My...
I have requirement where i need to download enitre html page its downloading properly but need to exlude we buttons like Generate report and run report. What I have tried: function getPDF(selector) { kendo.drawing.drawDOM($(selector)).then(function (group) { return...
i have kendo grids and charts and it needs to be downloaded to PDF .Iam able to download to PDF sucessfully but i need to add some other data as well on PDF like dropdown down selected value and textbox selected value. how can i append ? below code which i have attached with extract all charts...
I have a kendo ui grid then I apply the filter to it. The principle is here demo. The only difference is the data source is a string array. In ngOninit, I get the source data then I used handleFilter(value) { this.data = this.source.filter(s =>...
Dear Experts, I need to show a PDF form (editable PDF) in angular 7 project. I mean, need to preview the PDF in webpage and when a user click/ hover on the textbox in the pdf then it will show the textbox name/id. Is there any thirdparty premium or opensource librarys available. Please help. ...
Hello, you can A)Create the form you need using angular. Then you can submit form values to server, the server will take these values append them to a PDF template you already have created. A plugin that may help you is PDFsharp. Home of PDFsharp and MigraDoc Foundation - PDFsharp & MigraDoc[^]...
i have kendo Pie chart and it is having as title: { text: 'click her to navigate', color: '#F47B29' }, when user click on title it should navigate to different page. What I have tried: tried for click events in seriesClick
There does not appear to be a way to put a link inside the title of a kendo pie chart, at least not according to its documentation. You could try to add the pie chart inside an anchor (), though all the pie chart would then be clickable.
I have a like below Add Edit I have to find out on which span i have hovered and i want to get the class name Any help Appreciated What I have tried: i...
Event.target[^] returns the element which triggered the event. If your mouse is over one of the tags, then that will be the target. Event.currentTarget[^] returns the element to which the handler was attached. If you attached an event...
i have kendo Pie chart with 3 status cancelled completed Inprogress i wanted click event for every statu. for example if click on cancelled status in pie chart i want to show some grid same like wise if i click on completed some other data...
i have a kendo grid and binding values to filed where the value is 85 . i need to display 85% { field: "CompletePer", title: "% Complete", headerAttributes: { title: '% Complete"' }, template: '# if ( CompletePer == null || CompletePer == 0 )...
i have two input controls and i have given validion is js file in below format which is working as expected and iam assign values from data base to those controls. first input is populating value and for second control if we click on textbox then...
i have kendo grid columns , col 1 ,col2, col3 with textboxes.. if col3 is having value 1 i need to disable col2 textbox where we need to allow user to enter value in textbox. What I have tried: i tried in Edit function but all grids columns are...
I have kendo-tab-strip= with 5 tabs and in each tab i kendo grid with Edit column. when i click on Edit column from second tab it will navigate to different Page and from that different when i click on cancel button it should navigate to second...
I have kendo tab strip with Three 3 tabs. i have button in third Tab (export to PDF ) where i need to download Tab 2 and Tab 3 grid. What I have tried: I tried with below code its downloading only Tab 3 Graph. function getPDF(selector) {...
Hey there, I have a page with a kendo grid getting displayed and every 1 or 2 min, the grid has to be refreshed. I observe that every time the grid does auto refresh the pages memory is increasing. Actually not only with this kendo grid, but...
I have some difficulty getting data from a Json Url into a Kendo FileManager. This is Image: 3 — ImgBB[^] When you click on each file, there will be a yellow error message as shown. It does not show the corresponding data inside of each...
My first problem: How to change kendo UI MVC datetimepicker (v2021) to show like persian datetimepicker?[^] My second problem: Kendo MVC DateTimePicker accept DateTime DateTime is Gregorian but I must send PersianDateTime to it because second...
how to change Kendo UI MVC DateTimePicker (v2021) to show like Persian DateTimePicker? all internet links are belong to v2018 and when I do the same thing for v2021 that not working for example I did changes like this video this GitHub project...
In our project already we have been using kendo UI grid. It contains one fixed column(account) and other are dynamic columns. and that grid contains no of rows. and when you do double click on any row of that column it will open another page to...
Hello, I have some codes written in Javascript as follow. The purpose is to auto select the combobox first value when it has only one(1) value. I tested my codes in Kendo Dojo and it worked. But not when I run the codes at my local PC using debug...
Hi, I have a new UI that would need to utilize the kendo stepper element. I have 4 steps for my stepper, with last 2 steps are optional for configuration. I would like to set beneath the label of the last 2 steps(Step 3 and 4) to have...
This is a commercially supported product. Best place to ask questions is in their support forums: Questions on Kendo UI for Angular Forum | Telerik Forums[^]
This article is a review of Kendo UI by Progress through an example of creating the user interface for a SharePoint Online site, part of the Microsoft Office 365 Suite.
Hello,It is pretty simple, just use the checkbox template, a bit of css and javascript.I have uploaded a sample here:Kendo UI® Dojo by Progress[^]First in CSS define two class to show or hide the box:.txtBoxHidden{ display:none;}.txtBoxVisible{ ...
Set the visibility property on the last column. Delete the last column. Keep the column from getting instantiated in the loading event. Scroll the column out of sight using a freeze or a smaller view port. Overlay the last column with another control / panel. Use custom column specifications...
I have a kendo editable grid, where I have a drop-down in one the column. On click of 'AddNew' the drop-down in the previous record gets empty. I have created DOJO where this issue can be reproduced. Please help. Any help would be highly appreciated.DOJO link: [^]What I have...
Hello, I want a matrix grid with column and row headers and bind data in each cell. How to do that with Kendo UI ? What I have tried: I am looking into Pivot Grid but it needs configurator. I do not have any such requiremnt.
I have to create a checkbox treeview in a dropdown using kendo in .NET MVC. Is there way how we can create this using fusion two diffrent kendo control.If yes please provide a solution how i can do this. What I have tried: I have already created checkbox treeview using kendo treeview, now I...
I am new to Telerik Kendo UI Charts. I was wondering whether we have to set data source from API or Web Service only? Please help me. Thanks in advance. What I have tried: Charts Overview - Components - Kendo UI for Angular[^]
How can i import excel file in kendo grid? or any kind of solutions? What I have tried: this is my sample grid $scope.sampleDataGridOptions = { groupable: false, filterable: false, scrollable: true, sortable: {...
i have a button on UI page and this needs to be disable when i click on second Tab in kendo tab strip. What I have tried: tried to check for Tab strips but did not get
Submit an article or tip