Hello there,
I have used Table of Content in ReportBook and its working perfectly but my problem is I want to display TOC page at 3rd possition of ReportBook.
As we have to add that TOC contained page as TocReportSource to add into ReportBook and its adding that page at first index automatically.
Kidnly please help me out with this.
Is there any way to add sub heading TOC?
Thanks,
when i try to add a new record to my kendo grid. i am getting an error that "Uncaught TypeError: $(...).kendoDropDownList is not a function"
Please find below list of Js file i have refereed
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery-ui-1.11.2.js"></script>
<script src="~/Scripts/kendo.all.min.js"></script>
<script src="~/Scripts/kendo.dropdownlist.min.js"></script>
<script src="~/Scripts/kendo.aspnetmvc.min.js"></script>
..ETC.
I have a stack overflow question posted here
I am building an organisation chart using Kendo UI's diagramming component
I do not want the user to be able to edit the diagram as it is a read-only representation of positions they have entered previously, however I do want to display the diagram in a particular way.
The layout type I am using is tree with subtype of down. I am using the HeirarchicalDataSourceas the dataSource
The default way the diagram is drawn looks like (default.jpg, attached)
However, my boss needs it to look like this: (wanted.jpg, attached)
So the parent nodes have all child nodes coming from the bottom connector.
I see no way to programmatically influence this. Please help.
I am seeking an example that takes a simple 100% stacked bar chart like:
http://demos.telerik.com/kendo-ui/bar-charts/stacked100-bar
And adds a button or control that will re-sort it by Gold metal percent or by Gold metal count. I haven't turned up anything in my searches of the telerik forums or on stacktrace. Anyone make something comparable already?
Thanks,
Dave
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:
function openQuarterlyGrid(params) {
(...)
var data = {
(...)
};
// get the view, load content to kendo window
$.ajax({
type: 'POST',
url: '@Url.Action("ReadQuarterlyGrid", "Grid")',
data: data,
datatype: "html",
success: function (e) {
wnd.setOptions({
title: '',
height: '600',
width: '868',
modal: true
});
// open and center window
wnd.open().center();
// set the window content
wnd.content(e);
},
error: function () {
(...)
},
complete: function (xhr, status) {
(...)
}
});
}
controller method:
[HttpPost]
public ActionResult ReadQuarterlyGrid(...){
(...)
return PartialView("Grids/QuarterlyGrid", model);
}
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
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="assOK" selected>ASSESSMENT</option-->
<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="assOK" selected>ASSESSMENT</option-->
<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>
<!-- Load Pako ZLIB library to enable PDF compression -->
<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>
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.