I would like to use the ButtonGroup, but I am not using the mobile framework, nor do I want to include the mobile framework. Is this possible?
Thanks,
--Ed
I'm using Kendo UI and running the app on my iPhone using Inte's XDK App Preview app which works great. I've noticed when previewing the app on the iPhone 6, the status bar is not visible, although the space for the bar is there. If I minimize the app and hit the icon to bring it back into focus, I can see the status bar for about half a second and then it fades out. Running iOS 8.3 on the 6 plus and the 6, but it works fine on the 6.
I'm using in the index.html:
var app = new kendo.mobile.Application($(document.body), {
statusBarStyle: "black-translucent"
});
Anyone else notice this?
var ds = new kendo.data.DataSource({ type: "odata", transport: { read: { url: dataUrl, dataType: "jsonp", jsonp: "callback", jsonpCallback: 'DataCallBack' } }, error: function (e) { alert("Error2: " + e); }, serverPaging: true, pageSize: 10});DataCallBack( [{"RunStatusTag":null,"Service":"Charge Pump","SiteName":"FCCU"},{"RunStatusTag":null,"Service":"Charge Pump 2","SiteName":"FCCU2"},{"RunStatusTag":null,"Service":"Charge Pump3","SiteName":"FCCU3"}] );$("#grid2").kendoGrid({ dataSource:ds, dataBound: function(e) { alert("Bound2 " + e); }, columns: [ { field:"SiteName",title: "Plant/Facility" }, { field:"Service",title: "Service" } ]});I have two grids, one on the left and one on the right. I want to highlight multiple rows in the grid on the left, click a button that says "move", and see the rows added to the grid on the right.
The grid on the left is loaded from an action method, via Ajax. The grid on the right gets data from a JavaScript array of objects.
The part I'm stuck on:
After user clicks the "move" button, how do I get the highlighted rows and loop through them so I can add them to the JavaScript array of objects?
Thanks,
Mike
.Editable(editing => editing.Mode(Kendo.Mvc.UI.GridEditMode.InCell).DefaultDataItem(Model.defaultPerson))Hi all
I have an editable grid inside a Twitter Bootstrap page, and it has caused the icons in the Save Changes, Cancel Changes and paging buttons to not display. I've attached a screenshot to illustrate. Any way to fix this issue?
Regards
Brad
<div id="glaDocumentHost" class="glaReset">
<ul>
<li class="k-state-active"><label id="map">Map</label></li>
</ul>
<div style="padding:0px;margin:2px;"></div>
</div>
$(
"#glaDocumentHost").kendoTabStrip({ contentUrls: ["/YLA/YLAMAP/MapPanel"] });
this is the code i'm using to add tab dynamically.
var tabstrip = $("#glaDocumentHost").kendoTabStrip().data("kendoTabStrip");
tabstrip.insertAfter({ text: name, contentUrl: url }, tabstrip.tabGroup.children("li:last"));
any help is appreciated.
Thanks
Purush
I have noticed a peculiar behavior where if you have column widths larger than the total grid size, columns that do not have a fixed width won't render, even if they are supposed to. I have created a dojo that shows the problem:
http://dojo.telerik.com/@yazdog8/OSOKi/2
The "Contact Name" column isn't rendered on creation of the grid. If you were to hide a fixed width column, say "Contact Title", all of the columns that should be shown are present. However, if you re-activate the fixed width column you just hit, the column with no width is hidden again. I'd expect that even if all of the widths exceed the grid width, you would at least see something for the non fixed width column.
I have a comboBox and would like to style alternative items with different background colors, is there a way to do it in "CSS", I would try not to use Javascript do it.
Thanks.