While trying to access the web site through VPN the kendo.all.min.js file only loading "956kb" and my total file size of kendo.all.min.js is 3000kb. please help me with this.
thanks in advance.

Hi,
I have tried a whole bunch of the suggestions before posting here.I cannot get the pdf export to put in icons I have in my table. The table uses custom fonts and I am loading ttf fonts and everything. I am putting here table html as rendered that needs to be output. the css declaraitons and javascript code for pdf.
1. Markup - Attached in zip
2. Font Declarations: 2
@font-face { font-family: 'cicon'; src: url('fonts/cicon.eot?c4pj34'); src: url('fonts/cicon.eot?c4pj34#iefix') format('embedded-opentype'), url('fonts/cicon.ttf?c4pj34') format('truetype'), url('fonts/cicon.woff?c4pj34') format('woff'), url('fonts/cicon.svg?c4pj34#cicon') format('svg'); font-weight: normal; font-style: normal;}3. Javascript to produce pdf:
$('div.div-action-btns').hide(); $('#export-pdf').hide(); var draw = kendo.drawing; draw.drawDOM($('#div-grid-container'),{avoidLinks: true}) .then(function (root) { return draw.exportPDF(root, { landscape: true, paperSize:"auto" }); }) .done(function (data) { kendo.saveAs({ dataURI: data, fileName: 'Lane-Assignments' + window.Stf.Utility.formatShortDate(new Date()) + '.pdf' }); $('div.div-action-btns').show(); $('#export-pdf').show(); });4. Output PDF - Attached in zip
I need urgent help on this please.
Hello, i have a Upload dynamic into detail template of grid.
This is my kendo template:
<script id="myscript" type="text/x-kendo-template"> <div class="row"> <input name="myNameupload" id="myupload#:id#" type="file" data-role="upload" data-async="false" data-multiple="false" data-show-file-list="false" data-bind="events: { select: Upload.onSelect, upload: Upload.onUpload }" /> </div> </script>
My js file:
Upload: { onSelect: function (e) { e.preventDefault(); console.log(e); debugger; }, onUpload: function(e){ e.preventDefault(); console.log(e); debugger; } },
Upload is a widget into detail template
detail template is defined in the grid.
The error is shown before the event:
Hi there,
I have a MultiColumnComboBox which is configure as follows:
sample multicolumn comboBox instantiation with odata as data source.
<html> <body> <div> <input id="hierarchySelector" style="width: 100%" /> </div> </body> <script> var $hierarchySelector = $("#hierarchySelector"); $(document).ready(function() { var hierarchySelector = $hierarchySelector.kendoMultiColumnComboBox({ autoBind: true, dataTextField: 'Name', dataValueField: 'EntityHierarchyId', optionLabel: { rmx_Name: '--Select value--', rmx_EntityHierarchyId: null }, width: '100%', columns: new Function("return [{field:'Code', width:200, title:'Code'},{field:'Name', title:'Name', width:300}];")(), footerTemplate: 'Total #: instance.dataSource.total() # items found', change: function(e) { console.log("change hierarchySelector"); }, dataBound: function(e) { if (!InitCodeExecuted) { InitCodeExecuted = true; $('#toggleHierarchyType_buttonGrp_0').click(); } }, dataSource: new kendo.data.DataSource({ type: 'odata-v4', error: odataError, transport: { read: { url: hierararchyBaseUrl + '?$select=EntityHierarchyId,Code,Name,HierarchyType,RelationshipFilterId&$orderby=Name&$filter=az_State eq 2', headers: window['authenticationBearerToken'], data: function() { var cid = getQueryStringParam('cid'); if(cid != null) return { cid: cid }; } }, parameterMap: function(options, type) { return kendo.data.transports['odata-v4'].parameterMap(options, type); } } }) }); }); </script></html>
The code above works and populates with data. But, the issue that I'm facing is the output (as seen on the attached image file).
An underline (probably border) on each row is visible and doesn't look good. I checked the underlying elements, which is
<ul><li>and the styles it applies but I couldn't find any css rule / property that relates to the visible horizontal line of each row.
Could someone point me to the right css rule that I can override with?
Any inputs are greatly appreciated.
We use editing treelist, when we add new element, we can't see it in model, untill refresh. It disappear after we press "Update")
a part of TTreeListEditController.java:
@RequestMapping(value = "/TTreeListEdit/create", method = RequestMethod.POST)
public @ResponseBody
TTreeListEdit create(@RequestBody Map<String, Object> model) throws ParseException {
TTreeListEdit target = new TTreeListEdit();
target.setIdObjectType((String) model.get("idObjectType"));
target.setDescription((String) model.get("description"));
target.setObject1C((String) model.get("object1C"));
target.setParentID((String) model.get("parentID"));
product.insert(target);
return target;
}
1.png - before we press "Update"
2.png - after we press "Update"
3.png - after we refresh
```json
{
"version": "v1",
"resource": "customer",
"status": "success",
"paginator": {
"count": 25,
"currentPage": 1,
"lastPage": 2,
"perPage": 25,
"total": 50,
"nextPageUrl": "http://oc-scheduler.local/api/scheduler/customers?page=2"
},
"data": [
{
"id": 1,
"erp_number": "67261537",
"company": null,
"name": "Keven Emmerich",
"email": "keith.lakin@adams.com",
"phone": null,
"fax": null,
"address": null,
"postal_code": null,
"city": null,
"country": null,
"unit": null,
"floor": null,
"alternate_phone": null
},
{
"id": 2,
"erp_number": "46316763",
"company": null,
"name": "Guy Predovic",
"email": "ljaskolski@cassin.biz",
"phone": null,
"fax": null,
"address": null,
"postal_code": null,
"city": null,
"country": null,
"unit": null,
"floor": null,
"alternate_phone": null
}
]
}
```

I am really having time with anything I am trying with KendoUI library.
What is wrong with my template for a column ?
receiving this error: Uncaught Error: Invalid template:
columns: [
{
template: "#if(quotation_number===null) {# <h5>something</h5> #} else {# #:quotation_number# #}#",
field: "quotation_number"
},
thanks

Is there a way to show formatting, basically the way it shows when there is value 0 inside.
In this example, it does not show any formatting, before entering value.
I want it look like 0.00kg on load.
https://dojo.telerik.com/oWObuGuP

I have used Kendo Dropdownlist , to display information in list. Here my requirement is to add the bellow mention styles i.e. (.k-list-container and .k-list-scroller ) to Dropdownlist using JavaScript.
And make the height of ".k-list-scroller" dynamic i.e. the drop down list-area when selected, the height of it, should go beyond screen height or window height. In this case i have hard coded (height: 500px !important;).
.k-list-container{ width: auto !important; height: auto !important; } .k-list-scroller{ height: 500px !important; overflow-y: scroll !important; }
The bellow code example is for reference -
<style> .k-list { white-space: nowrap; } .k-list-container{ width: auto !important; height: auto !important; } .k-list-scroller{ height: 500px !important; overflow-y: scroll !important; }</style><div id="example"> <p> data: <select id="local"></select> </p></div><script> $(function() { var data = [ { text: "Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey ", value: "13" }, { text: "Black 1", value: "1" }, { text: "Orange 2", value: "2" }, { text: "Black 3", value: "3" }, { text: "Orange 4", value: "4" }, { text: "Black 5", value: "5" }, { text: "Orange 6", value: "6" }, { text: "Black 7", value: "7" }, { text: "Orange 8", value: "8" }, { text: "Black 9", value: "9" }, { text: "Orange 10", value: "10" }, { text: "Black 11", value: "11" }, { text: "Orange 12", value: "12" }, { text: "Black 1", value: "1" }, { text: "Orange 2", value: "2" }, { text: "Black 3", value: "3" }, { text: "Orange 4", value: "4" }, { text: "Black 5", value: "5" }, { text: "Orange 6", value: "6" }, { text: "Black 7", value: "7" }, { text: "Orange 8", value: "8" }, { text: "Black 9", value: "9" }, { text: "Orange 10", value: "10" }, { text: "Black 11", value: "11" }, { text: "Orange 12", value: "12" }, { text: "Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey Grey ", value: "13" }, { text: "Black 1", value: "1" }, { text: "Orange 2", value: "2" }, { text: "Black 3", value: "3" }, { text: "Orange 4", value: "4" }, { text: "Black 5", value: "5" }, { text: "Orange 6", value: "6" }, { text: "Black 7", value: "7" }, { text: "Orange 8", value: "8" }, { text: "Black 9", value: "9" }, { text: "Orange 10", value: "10" }, { text: "Black 11", value: "11" }, { text: "Orange 12", value: "12" }, { text: "Black 1", value: "1" }, { text: "Orange 2", value: "2" }, { text: "Black 3", value: "3" }, { text: "Orange 4", value: "4" }, { text: "Black 5", value: "5" }, { text: "Orange 6", value: "6" }, { text: "Black 7", value: "7" }, { text: "Orange 8", value: "8" }, { text: "Black 9", value: "9" }, { text: "Orange 10", value: "10" }, { text: "Black 11", value: "11" }, { text: "Orange 12", value: "12" } ]; $("#local").kendoDropDownList({ dataTextField: "text", dataValueField: "value", dataSource: data, }); }); </script></body></html>Thanks
Hi there
In this example:
$("#employeeGridDiv").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: {
type: 'GET',
contentType: "application/json; charset=utf-8",
dataType: "json",
url: '@Url.Action("LoadEmployeeGrid", "EmployeePanel")'
}
},
pageSize: 20
},
groupable: true,
sortable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: {
type: 'GET',
contentType: "text/html",
url: '@Url.Action("LoadEmployeeGridColumns", "EmployeePanel")'
}
});
I'm trying to populate the columns from the controller method LoadEmployeeGridColumns which returns the JSON representation of the following:
public class GridCellClass
{
public string field { get; set; }
public string title { get; set; }
public string template { get; set; }
public int width { get; set; }
public bool visible { get; set; }
public string format { get; set; }
public string attributes { get; set; }
}
It does not work. How exactly should the "columns" portion be implemented?
Thanks.
