Questions on Kendo UI for jQuery Forum

3 answers

591 views

Hey everyone. I have a main grid which saves pdfs and excel files just fine, but another grid which i have inside of a kendo window returned from a partial view does not. However the pdf export works just fine, whereas the excel export only shows the headers.

The only difference I can see is that my second grid has no read method, but rather has its contents returned from an ajax call.

Sample code for popup:

controller method:

[HttpPost]
public ActionResult ReadQuarterlyGrid(...){

(...)

return PartialView("Grids/QuarterlyGrid", model);

}

Grid

answered on 28 Mar 2017

2 answers

655 views

Kendo UI Licensing Issues (with partner company)

We got some issues regarding Kendo UI license.
we act as a subcontractor for another company(partner company) and We also currently have a Kendo UI Complete commercial license.
In other words, We are developing the integrated software including Kendo UI Professional and this software will be distributed by partner company after finishing our development. (The development using Kendo UI is done entirely on our side).

1. Commercial Redistribution
Can the partner company redistribute this software(using Kendo UI license we have)?

if the partner company is able to redistribute this software,
In what cases(below) this partner company should have a license for Kendo UI?
a. The partner company needs to do additional development or maintenance of integrated S/W provided by other companies(like our company)
b. The partner company does not further develop or maintain this software

2. Transfer License
If our partner company that we provide software(using Kendo UI) requires license, Can we transfer the license we have purchased to our partner?

If the license can be transferred to our partner, can we get information about how procedure works?

3. Purchasing Licenses based on the number of developers
We know that we need to buy licenses according to the number of developers who use Kendo UI.
How can we prove to Telerik that we purchased licenses normally about the number of developers?

Thanks in advance for your support. Any additional information you consider relevant for the situation above is most welcome.

General Discussions

answered on 28 Mar 2017

1 answer

68 views

Popup grid edit inside another popup grid edit

I have a kendo grid. @(Html.Kendo().grid()

When I click the edit, it will have a popup edit for me to edit the data. Now, in this popup edit, which I click a button, I want to have a new popup edit to edit the other data. Please tell me how to do it. Thanks

Grid

answered on 28 Mar 2017

3 answers

180 views

My select doesn't show up and the number either in my PDF

This is my example. As you can see whatever I selected the selection doesn't show up and I have numeration increasing using css and is not working either when I exported the html to PDF.

Can any body help me please.

<!DOCTYPE html>
<html>
<head>

<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>



<script src="https://kendo.cdn.telerik.com/2017.1.223/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.1.223/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" class="content-wrapper">

<div class="box wide hidden-on-narrow">
<h4>Export page content</h4>
<div class="box-col">
<button class='export-pdf k-button'>Export as PDF</button>
</div>
</div>

<main>
<section class="row foodSect">
<div class="section">
<h1 class="col-md-5">Section</h1>
</div>
<div class="col-md-12 subsections">
<h2 class="col-md-5">Subsections</h2>
<div class="col-md-12 standards">
<h3 class="col-md-5">Standard</h3>
<div class="assessment">
<div class="title">
<select id="ass111Sel" class="selassessment">

<option value="1ass" selected>ASSESSMENT</option>
<option value="1w">Warning</option>
<option value="1minc">ASSESSMENT Minor Non-Compliance</option>
<option value="1mjnc">ASSESSMENT Major Non-Compliance</option>
</select>
</div>
</div>
<h3 class="col-md-5">Standard 2</h3>
<div class="assessment">
<div class="title">
<select id="ass112Sel" class="selassessment">

<option value="1ass" selected>ASSESSMENT</option>
<option value="1w">Warning</option>
<option value="1minc">ASSESSMENT Minor Non-Compliance</option>
<option value="1mjnc">ASSESSMENT Major Non-Compliance</option>
</select>
</div>
</div>
</div>
</div>
</section>
</main>

<style>
/*
Use the DejaVu Sans font for display and embedding in the PDF file.
The standard PDF fonts have no support for Unicode characters.
*/
.k-widget {
font-family: "DejaVu Sans", "Arial", sans-serif;
font-size: .9em;
}


.foodSect {
counter-reset: section;
}

.foodSect h1 {
counter-reset: subsection;
}

.foodSect h2 {
counter-reset: standards;
}



.foodSect h1:before {
counter-increment: section;
content: counter(section) ".";
}

.foodSect h2:before {
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}

.foodSect h3:before {
counter-increment: standards;
content: counter(section) "." counter(subsection) "." counter(standards) " ";
}

</style>

<script>
// Import DejaVu Sans font for embedding

// NOTE: Only required if the Kendo UI stylesheets are loaded
// from a different origin, e.g. cdn.kendostatic.com
kendo.pdf.defineFont({
"DejaVu Sans" : "https://kendo.cdn.telerik.com/2016.2.607/styles/fonts/DejaVu/DejaVuSans.ttf",
"DejaVu Sans|Bold" : "https://kendo.cdn.telerik.com/2016.2.607/styles/fonts/DejaVu/DejaVuSans-Bold.ttf",
"DejaVu Sans|Bold|Italic" : "https://kendo.cdn.telerik.com/2016.2.607/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf",
"DejaVu Sans|Italic" : "https://kendo.cdn.telerik.com/2016.2.607/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf"
});
</script>



<script>
$(document).ready(function() {

$(".export-pdf").click(function() {
// Convert the DOM element to a drawing using kendo.drawing.drawDOM
kendo.drawing.drawDOM($("#example"),{
multiPage: true,
paperSize: [1100, 1430],
landscape:true,
date:true,
page:true,
title: true,
author:true,
margin: {left: "1cm", top: "1cm", right: "1cm", bottom: "1cm"}
})
.then(function(group) {
// Render the result as a PDF file
return kendo.drawing.exportPDF(group);
})
.done(function(data) {
// Save the PDF file
kendo.saveAs({
dataURI: data,
fileName: "HR-Dashboard.pdf",
proxyURL: "https://demos.telerik.com/kendo-ui/service/export"
});
});
});





});
</script>

</body>
</html>

DropDownList

answered on 28 Mar 2017

1 answer

196 views

Kendo Grid Paging Bar Style

Page bar functions

When you get to "10", can the current page go to the center of the selection inorder to allow the user to go to the next few pages or to go back a few pages?
Example:
<　　 7　　 8　　 9　　 10　 11　 12　 13　 >

Currently 10 is displayed at the end as shown in the attached snapshot.

Let us know if there is any options in kendo grid to change the layout of the paging bar.

Grid

answered on 28 Mar 2017

1 answer

120 views

can message display of Grid be showing if the grid is limited with width ?

Hi,

On the Grid, normally, messages: { display: "Showing {0}-{1} from {2} data items"} shows on the right side of the footer. When the Grid is limited on width (when re-sizing the window), the messages disappears.

The question here is that: is that possible to display the messages on the second row below of the footers (with first, last , buttons and page number , etc)? we just want to have the messages show up on the grid regardless of the width of the grid.

thanks,

Pauline

Grid

answered on 28 Mar 2017

1 answer

819 views

Populating The Rows On Pagination Click

Hi,

I am getting the Data from an API where, I get only the first 2 page data At a time.

That is total 50 row records, and I will be showing 25 each in both the pages.

Now the issue is When I get my first 50 records from the API, I know total there are 147 Items, that is I will get all the data only after 3 web api calls.

Now I do not want all the records from the API before the user click on any page.

So after my first call. that I got 2 pages of grid( 25 + 25 = 50), but I know there are four more pages to get all 147 data.

So can I display the rest four more pagination, on click of that pagination can i get relevant data from API.

It looks complicated to explain and to implement.

Is it possible to implement this scenario with Kendo grid, or can I go ahead with a custom grid implementations. Thanks for your time

Grid

answered on 28 Mar 2017

1 answer

172 views

Transfer and read additional XML-data in the grid data source

I'm using Kendo UI Grid with XML as DataSource. I want to transfer additional data in the XML as the grid data.

My dataSource schema looks like this

schema: {
type: "xml",
id: "field 1",
data: "/data/dataset",
total: "/total/text()",
model: {
fields: {
field1: "field1/text()",
field2: "field2/text()"
}
}
}

My XML like this:

<total>1</total><data><dataset><field1>test</field1><field2>test</field2></dataset></data>

No i want to transfer additional data like this:

<total>1</total><data><dataset><field1>test</field1><field2>test</field2></dataset></data><additionaldata>test</additionaldata>

and i want to have access on it it in the "dataBound" event. Is it possible and if how? I hope someone can help me.

Grid

answered on 28 Mar 2017

1 answer

107 views

Problems with selecting cells in monthview on Google Chrome

Hello, we recently encountered an issue when using the scheduler in Google Chrome. It seems as certain zoom percentages on Google Chrome prevents certain cells from being selected in the monthview component of the scheduler. Providing a dojo-example here. And instructions below.

Set your browsers zoom to 67%
Try to select 2014-10-15

The specific day (and the entire week in fact) can not be selected (see attached image)

Scheduler

answered on 28 Mar 2017

1 answer

379 views

Attaching Header information to Window.Content and changing request type to POST

Hello, I have read through the documentation many times and believe I can accomplish what I want to do. In fact, I have created a Dojo doing exactly what I want:

http://dojo.telerik.com/UDoZU

However, when I attempt to do this in my own software, I cannot even change the method request type from GET to POST.

I am attempting to create a Kendo Window and insert data inside of it from an API endpoint. I need to set custom request headers for my data call in order to make the request. So far, I've tried:

var window = document.createElement('div');
$(window).kendoWindow();
var dialog = $(window).data("kendoWindow");

dialog.refresh({
url: uri_UIManagement + 'Container/GetBuiltContainer' + urlString,
type: 'POST',
headers: headers,
beforeSend: function (xhr) {
debugger;
}
});

myWindow.kendoWindow({
width: "600px",
title: "About Alvar Aalto",
content: {
url: uri_UIManagement + 'Container/GetBuiltContainer' + urlString,
type: "POST"
},
visible: false,
actions: [
"Pin",
"Minimize",
"Maximize",
"Close"
]
}).data("kendoWindow").center().open();

myWindow.data('kendoWindow').refresh({
url: uri_UIManagement + 'Container/GetBuiltContainer' + urlString,
type: 'POST',
headers: headers,
beforeSend: function (xhr) {
debugger;
}
});

NONE of these methods allow me to hit the breakpoint I have set inside of beforeSend. They don't even change the request type from GET to POST. I can accomplish all of these things inside of the Kendo Dojo. What am I missing?

Window

answered on 28 Mar 2017