I'm trying to get a basic Kendo Menu to display the child elements horizontally instead of as a dropdown, to keep the items on one single line below the menu. As of yet, I've not found any method built into the Menu to accomplish this.
Attempting to manipulate the menu via CSS has not worked either. In theory, I should be able to change the "display: block" to "display: inline"; when I do this, however, the style on load comes out as "display: none". This is the case whether done server-side while building the menu, or client-side with jquery.
The functionality I'm looking for shouldn't be too difficult to accomplish. Here's a basic example: Horizontal Dropdown
I have a question, well it could be the form of two, but either answer would be great...
I have a kendo grid with a column filter with a text box, with a contains operator and all other operators as false. I have a couple issues with the filter, if you take a look at the image below
You can see that the 2nd clear filter button is all the way over to the right, how do I remove that button or at the very least bring it over to the filter textbox? I know I can remove the inner clear button using
this.element.find(".k-filtercell .k-autocomplete .k-clear-value").remove();
I am trying to use mvvm binding within a template that is applied to a kendo list view. Template variables are working but the data-bind attributes are not. Is this supported?
<
div
id
=
"list"
></
div
>
<
script
id
=
"template"
type
=
"text/x-kendo-template"
>
<
div
>
<
button
data-bind
=
"visible: alreadyAttending, click: onClick"
>
Your id is ${ID}
</
button
>
</
div
>
</
script
>
var data = [];
data[0] = { alreadyAttending: true, ID: 1, onClick: function() { alert("Click 1"); }};
data[1] = { alreadyAttending: false, ID: 2, onClick: function() { alert("Click 2"); }};
$("#list").kendoListView({
dataSource: data,
template: kendo.template($("#template").html())
});
Hello guys,
We faced with weird export to pdf behavior for our endless grids with allPages enabled. Here is the dojo: http://dojo.telerik.com/iGigO . Try to click on "EXPORT TO PDF" and save pdf file. Pdf includes loading image, which spends a lot of grid space. For now, we fixed it on our end by hiding loading block (.k-loading-mask) on exporting, but it would be great to fix it inside core. Thanks.
Hello!
I want to be able to change the value in a columns by calling this function MappingBoolToText.
If the passed argument is true I return "Ja" else return "Nej"
Function MappingBoolToText(value)
{
return value ? 'Ja' : 'Nej';
}
I have tried to call this function from here
$("#grid").kendoGrid(
{
dataSource: this.datasource,
height: 550,
sortable: true,
columns: [
{
field: "Name",
title: "Namn"
},
{
field: "EmployeeNr",
title: "AD"
},
{
field: "RequireR1",
title: "Krav R1"
},
{
field: "RequireR2",
title: "Krav R2"
},
{
field: "SalaryR1",
title: "Lön R1"
},
{
field: "SalaryR2",
title: "Lön R2"
},
{
field: "IsGroupAdmin",
title: "Koncernadmin",
fomat: MappingBoolToText(value)
},
{
field: "IsCompanyAdmin",
title: "Bolagadmin",
fomat: MappingBoolToText(value)
}
]
});
Not sure if this is a bug or my bad configuration:
http://dojo.telerik.com/uTAHe
I have set up a recurring event that crosses the Australia/Sydney daylight savings time.
I think I have set the scheduler and data source to view events in UTC, but the event does not display back an hour. When I change the data source to use Sydney's time the event display is correct.
Is there something that I have missed or have incorrectly configured in my example?
I'm using a variation on the code from this article to export master and child grids into a single Excel worksheet. I've got the data exporting correctly, but there are two date fields that are showing up in the JSON date format - /Date(1498107600000)/. I'm having trouble finding any documentation on how to correct this. I've tried the following:
var exporter = new kendo.ExcelExporter({
columns: [{
field: "Name"
}, {
field: "Result"
}, {
field: "DateCompleted", title: "Date Completed", format: "dd/MM/yyyy"
}, {
field: "DateReceived", title: "Date Received", format: "dd/MM/yyyy"
}],
dataSource: dataSource
});
Where is this breaking down?
$(
"#groups-no-dropdown"
).kendoComboBox({
filter:
"contains"
,
ignoreCase:
true
,
dataTextField:
"Name"
,
dataValueField:
"Id"
,
minLength: 3,
enforceMinLength:
true
,
footerTemplate:
'Total #: instance.dataSource.total() # items found'
,
template:
'<span class="k-state-default"><h3>#: data.Name #</h3><p>#: data.Id #</p></span>'
,
placeholder:
"Enter a Group Name..."
,
filtering:
function
(e) {
console.log(e);
},
dataSource: {
transport: {
read: {
dataType:
"json"
,
url:
'@Url.Action("GetData", "Groups")'
,
type:
"POST"
}
},
parameterMap:
function
(data, type) {
console.log(data);
data = kendo.stringify({ request: { filter: data.filter.field +
"~"
+ data.filter.operator +
"~'"
+ data.filter.value +
"'"
} });
console.log(data);
return
data;
},
serverFiltering:
true
,
schema: {
type:
"json"
,
data:
"Data"
,
total:
"Total"
,
model: {
fields: {
Id: { field:
"Id"
, type:
"guid"
},
Name: { field:
"Name"
, type:
"string"
}
}
}
},
sort: { field:
"Name"
, dir:
"asc"
}
},
height: 400
});ue
The above is my combobox. You can see parameter map, but regardless if I remove parameter map or not. The data gets posted as:
filter[logic]:and
filter[filters][0][value]:eng
filter[filters][0][field]:Name
filter[filters][0][operator]:contains
filter[filters][0][ignoreCase]:true
Also why is the posted data different from data in the parameter map function? It seems like additional processing is happening. Here is what is spit out to console inside parameterMap function:
{filter: {…}, sender: init, _defaultPrevented:
false
, preventDefault: Æ’, isDefaultPrevented: Æ’}
filter:{value:
"eng"
, field:
"Name"
, operator:
"contains"
, ignoreCase:
true
}
isDefaultPrevented:Æ’ ()
preventDefault:Æ’ ()
sender:init {ns:
".kendoComboBox"
, element: I.fn.init(1), _events: {…}, options: {…}, _isSelect:
false
, …}
_defaultPrevented:
false
__proto__: Object
Which is structured differently than what is being posted.
Any of the Kendo elements on the page that we implement are displaying lower than they should. The elements should be displaying just below the input, but, at times, the element is displaying almost entirely off of the bottom of the page.
I am wondering if anyone else has ran into this and knows of a solution.
Thanks!