I have a grid with a filter row in the top. When zooming in, borders disappear.
I could also repro it with your own demos of the combobox: http://demos.telerik.com/kendo-ui/combobox/index. When I zoom in to 90%, I see a missing top border for t-shirt size (see attached). When I zoom in further other borders disappear and appear.
I use Chrome Version 62.0.3202.94


Hello.
How can I use WebComponentsIcons.eot as webresource for example in microsoft CRM. When I add WebComponentsIcons.ttf to CRM as webresource and use kendo ui editor in a form of CRM, fiddler returns code 500 : WebComponentsIcons.ttf?gedxeo - undefined parameter gedxeo.
Thanks
hi all,
First of all thanks for implementing Grid checkbox selection feature. we were using it as a custom feature for quite some time with the help of events like databound, click events.
After i have seen this feature is implemented, i tried to use this as poc in my existing project but failed as this feature is not helpful in cases where i have multi level grids (one main grid & grids inside detail template). It is working fine except check all in header. When i click check all in detail grid it effects in main grid.
when I further analysed, i came to see that the all the header check all in that page is having same id (kendo guid) from the kendo default template. As a workaround i used the same template as header template explicitly. I hope this would be helpful for you.
Bug Dojo :
http://dojo.telerik.com/orEhu/9
Workaround Dojo :
http://dojo.telerik.com/orEhu/15



<tr> <td> <label for="State" class="required">State:</label> </td> <td> <input id="State" class="k-input k-textbox" name="State" data-bind="value:State" placeholder="State" required="required" validationMessage="State.." style="width:172px;" /> </td> </tr>schema: { model: { State: "State", fields: {State: { defaultValue: { Value: "", Text: "" }, validation: { required: true} } } }var crudServiceBaseUrl = window.applicationBaseUrl + 'api/WebApi'; $("#State").kendoComboBox({ placeholder: "Select...", dataTextField: "Name", dataValueField: "Code", dataSource: { //severFiltering: true, transport: { read: { url: crudServiceBaseUrl + "/GetStates" } } }, open: function (e) { valid = false; }, select: function (e) { valid = true; }, change: function (e) { var arrayOfStrings = $.map(this.dataSource.data(), function (val) { return val.dataTextField }); if (arrayOfStrings.indexOf(this.value()) == -1) { this.value(''); } }, filter: "startswith", suggest: true, index: 0 });data: [{ Name: "Alabama, AL", Code: "AL" },{ Name: "Alaska, AK", Code: "AK" },]
Hi ,
I am working with Kendo UI version 2017.3.913 for Jquery and using kendoUpload widget,the issue I am encountering is whenever I am selecting a file/files from explorer window which opens after clicking "Select file",the "input" DOM element of kendoUpload is created again and hence I am having multiple duplicated DOM "Input" elements with same id/name,hence is causing the issues with desired functionality of the project as I want to register a click handler on the kendoUpload widget.I am using the widget inside a window.Overall issue is very similar to the existing thread : http://www.telerik.com/forums/one-file-selection-causes-multiple-instances-are-created ,one difference being in my case the Input DOM element is getting created multiple times on the UI/Client side only,but the call of uploading documents is going exactly once(which is expected and right behaviour).
HTML:
<form enctype="multipart/form-data" id='_duFrmdocForm_' action='uploadDoc' method='POST' enctype="multipart/form-data">
<span>
<div style="display: none">
<input id="_ignore" name="_Ignore" />
</div>
</span> <span>
<div style="display: none">
<input id="action" name="Action" />
</div>
</span> <span>
<div style="display: none">
<input id ="data" name="Data" />
</div>
</span>
<input id="duFiles" name="files[]" type="file" aria-label="files" />
</form>
Initialization code :
$('#duFiles').kendoUpload({
async : {
"saveUrl" : "uploadDoc",
"autoUpload" : false,
"batch" : true
},
upload : function(e) {
var data = {};
var payloadData = {
"test" : "abc"
};
$('#data')).val(JSON.stringify(payloadData));
var form = $('#duFrmdocForm')).serializeArray();
$.each(form, function() {
data[this.name] = this.value;
});
e.data = data;
}
});
Hi,
In Kendo Scheduler I need to add colour to the slots based on the start and End date
(i.e.) If startdate is Monday 10AM and EndDate is Tuesday 12PM means inbetween the slots are need to fill with yellow colour refer to not available period.
The start and End days are dynamically changed based on that the slots colour are need to change.
currently I am using the following code to colored but it take long time to process. It took each slot one by one by.
I need based on start and End date, the in between slots are need to colored in a single shot itself, it should not loop for each and every slots in the table.
view.table.find("td[role=gridcell]").each(function () {
if ($(this) != null) {
var selectSlot = $(this)
var slot = scheduler.slotByElement(selectSlot);
/Comparing the start and Endate and coloured
if ((slot.startdate >= startdate) && (slot.enddate <= enddate) //dummy conditions
selectSlot.addClass("slot-selected");
}
});
hi,
Need your help.
I have a problem with kendoSortable and tabStrip.
when the direction in the page is right to left it does not work correctly.
I'm using your demo of kendoSortable with tabStrip from:
http://demos.telerik.com/kendo-ui/sortable/integration-tabstrip
just add to the body dir="rtl"
thanks
