or
0 answers
158 views
Is it possible to expand the treeview when you drag a node onto a parent node which isnt expanded?
Thanks
Gregor
Thanks
Gregor
2 answers
177 views
hi
i´ve got two grids the loads as details on a main grid.
on my desktop everything works well, but on my android tablet (moto xoom, 10", android 4) if i click on one of those tabs, the tab content doesnt appear and from then, no tab is working anymore (not even clickable anymore).
tested with different browser and the same result.
my template
my detailinit
attached is a screenshot of the "lost tabs" on my xoom.
i hope somebody can help me out.
thx in advance
i´ve got two grids the loads as details on a main grid.
on my desktop everything works well, but on my android tablet (moto xoom, 10", android 4) if i click on one of those tabs, the tab content doesnt appear and from then, no tab is working anymore (not even clickable anymore).
tested with different browser and the same result.
my template
<script type="text/x-kendo-template" id="template"><div class="tabstrip"><ul><li>Adressen</li><li class="k-state-active">Kontakte</li></ul><div><div class="addresses"></div></div><div class="contacts"></div></div></div></script>my detailinit
function onDetailInit(e) { var detailRow = e.detailRow; detailRow.find(".tabstrip").kendoTabStrip({ animation: {open: {effects: "fadeIn"}} }); detailRow.find(".addresses").kendoGrid({ dataSource: DataSource.get("address"), serverPaging: true, serverSorting: true, serverFiltering: true, scrollable: false, sortable: true, pageable: true, columns: [ {field: "street_address", title:"Anschrift"}, {field: "zip", title: "PLZ"}, {field: "city", title: "Ort"} ] }); detailRow.find(".addresses").data("kendoGrid").dataSource.filter( [{ field: "id", operator: "eq", value: e.data.id }] ) detailRow.find(".contacts").kendoGrid({ dataSource: DataSource.get("contact"), serverPaging: true, serverSorting: true, serverFiltering: true, scrollable: false, sortable: true, pageable: true, columns: [ {field: "surname", title:"Nachname"}, {field: "prename", title: "Vorname"}, {field: "phone", title: "Telefon"}, {field: "mail", title: "Email"}, {field: "birthday", title: "Geburtsdatum", template: '#= kendo.toString(birthday, "dd.MM.yyyy")#'} ] }); detailRow.find(".contacts").data("kendoGrid").dataSource.filter( [{ field: "client_id", operator: "eq", value: e.data.id }] )}attached is a screenshot of the "lost tabs" on my xoom.
i hope somebody can help me out.
thx in advance
5 answers
161 views
I downloaded the trial version and did a sandbox to see if the Menu widget would work in our site. So far so good. One thing that I'd like our menus to do is expand down, even if the viewport is smaller than the height of the menu. Right now, it seems like the menu widget tries to move upward to stay within the viewport.
Is there a way to configure the menu to ignore the viewport?
Is there a way to configure the menu to ignore the viewport?
Kamen Bundev
Telerik team
answered
on
31 May 2012
3 answers
144 views
Hi,
How can I set my own text for the tabStrip button on the footer.
This is important for localization. It seems that the build-in data-icon put its own text and need a way to use standard icon but override the text. Thank you.
<div data-role="footer">
<div data-role="tabstrip">
<a href="content/views/doctorsearch.html" id="btnActionSearch" data-icon="search"></a>
<a href="content/views/settings.html" id="btnActionSettings" data-icon="settings"></a>
</div>
</div>
How can I set my own text for the tabStrip button on the footer.
This is important for localization. It seems that the build-in data-icon put its own text and need a way to use standard icon but override the text. Thank you.
<div data-role="footer">
<div data-role="tabstrip">
<a href="content/views/doctorsearch.html" id="btnActionSearch" data-icon="search"></a>
<a href="content/views/settings.html" id="btnActionSettings" data-icon="settings"></a>
</div>
</div>
Petyo
Telerik team
answered
on
31 May 2012
3 answers
139 views
I am reading a JSON file as a dataSource (example below), and binding that data to a ListView.
===== dataSource definition =====
var data = new kendo.data.DataSource({
transport: {
read: {
url: "json/data.json",
dataType: "json"
}
}
});
===== contents of data.json ===
[
{"id": "111", "location" : "Location A"},
{"id": "222", "location" : "Location B"}
.....
]
I would like to come back later and reference one of the elements in that datasource such as data[0].id, or data[0].location.
How do I go about exposing the data?
===== dataSource definition =====
var data = new kendo.data.DataSource({
transport: {
read: {
url: "json/data.json",
dataType: "json"
}
}
});
===== contents of data.json ===
[
{"id": "111", "location" : "Location A"},
{"id": "222", "location" : "Location B"}
.....
]
How do I go about exposing the data?
Engifaar
Top achievements
Rank 1
Rank 1
answered
on
31 May 2012
0 answers
103 views
Hello
I want to disable iframe int he js like this
function update_item(tid){
var WINURL = "<%=basePath%>threat/threat!input.action?id="+tid
var edit_window = $("<div/>").kendoWindow({
actions: ["Refresh", "Maximize", "Minimize", "Close"],
animation:false,
height: "300px",
visible: false,
width: "420px",
close: function (e) {
// reset global var 'global1' and destroy window
this.destroy();
},
iframe:false,
content:WINURL
}).data("kendoWindow");
edit_window.center();
edit_window.open();
}
but , I use chrome I still find the page I load into the windows still appear in a <iframe> and add the <html><head><boday> for me again. How can I solve this problem ?
I want to disable iframe int he js like this
function update_item(tid){
var WINURL = "<%=basePath%>threat/threat!input.action?id="+tid
var edit_window = $("<div/>").kendoWindow({
actions: ["Refresh", "Maximize", "Minimize", "Close"],
animation:false,
height: "300px",
visible: false,
width: "420px",
close: function (e) {
// reset global var 'global1' and destroy window
this.destroy();
},
iframe:false,
content:WINURL
}).data("kendoWindow");
edit_window.center();
edit_window.open();
}
but , I use chrome I still find the page I load into the windows still appear in a <iframe> and add the <html><head><boday> for me again. How can I solve this problem ?
3 answers
140 views
Hi everybody!
I decided to slap this new Editor over an existing text area and see how it goes.
I have a .aspx page with a text box
So I
and it worked perfectly!
Then, I submitted the form using normal .aspx posting.
but on refresh the data renders in the editor as
(This is also exactly what it looks like in the SQL database.)
I decided to slap this new Editor over an existing text area and see how it goes.
I have a .aspx page with a text box
<asp:TextBox ID="txtCreativeNotes" runat="server" Rows="5" TextMode="MultiLine" Width="420px" ClientIDMode="Static"></asp:TextBox>
So I
$(document).ready(function () { $("#txtCreativeNotes").kendoEditor();and it worked perfectly!
Then, I submitted the form using normal .aspx posting.
but on refresh the data renders in the editor as
<span style="color:#880015;">This is </span><strong><span style="font-family:'Courier New',Courier,monospace;color:#880015;">sparta</span></strong>(This is also exactly what it looks like in the SQL database.)
2 answers
145 views
Hi there,
Your chart documentation refers to the ability to get the DOM element associated with the series element just clicked on in the seriesClick event. However, in the example of a bar chart, it seems that the element you get is the SVG highlight element rather than the underlying bar element. I want to be able to change the style of the selected bar in the master chart in a master/detail chart scenario so is there any other way of accessing the actual bar element?
Cheers, Andrew.
Your chart documentation refers to the ability to get the DOM element associated with the series element just clicked on in the seriesClick event. However, in the example of a bar chart, it seems that the element you get is the SVG highlight element rather than the underlying bar element. I want to be able to change the style of the selected bar in the master chart in a master/detail chart scenario so is there any other way of accessing the actual bar element?
Cheers, Andrew.
0 answers
98 views
EDIT: I'm not wondering if this is possible anymore. :)
As long as designMode is on, I'm never going to get the behavior I'm looking for.
Wondering if this is even possible:
We're trying to use the editor as sort of a rudimentary form builder. I'd love to give people placeholders for the Kendo controls inside the editor. Say, for example, that they wanted to insert a date picker. To get a control formatted like a Kendo UI date picker, I'd have to insert something like this:
The problem with that of course is that they can mess up those span tags, drag the icon around, etc.
Is there any way to make that control un-editable inside the editor? Any other options?
Thanks!
As long as designMode is on, I'm never going to get the behavior I'm looking for.
Wondering if this is even possible:
We're trying to use the editor as sort of a rudimentary form builder. I'd love to give people placeholders for the Kendo controls inside the editor. Say, for example, that they wanted to insert a date picker. To get a control formatted like a Kendo UI date picker, I'd have to insert something like this:
<span class="k-widget k-datepicker k-header" style="width: 150px;"> <span class="k-picker-wrap k-state-default k-widget"> <input id="dp" class="k-input" style="width: 150;" readonly="readonly"> <span class="k-select" unselectable="on"> <span class="k-icon k-icon-calendar" unselectable="on">select</span> </span> </span></span>The problem with that of course is that they can mess up those span tags, drag the icon around, etc.
Is there any way to make that control un-editable inside the editor? Any other options?
Thanks!
1 answer
123 views
I currently have a 2 pane splitter ... the second pane has a relative reference to an html snippet for the contents of the 2nd pane.
$("#splitter").kendoSplitter({
panes: [
{ collapsible: true, resizable: false, size: "300px" },
{ collapsible: false, resiable: false, contentUrl: "content.htm" }
I am attempting to create a single page offline web application ... I've added an offline.manifest to the project and confirmed all the resources listed download successfully (using Chrome v19).
The initial rendering of default.htm succeeds; however, subsequent refreshes of default.htm hang on the xhr get of content.htm.
At this point I've kept everything connected and it appears the mere presence of item(s) (either default.htm or content.htm in the app cache) is fouling up the xhr get.
I've attached the necessary collateral for a repro ... any help is greatly appreciated as we are simply trying to figure out how to best structure our markup, etc. to support this particular application using Kendo.
panes: [
{ collapsible: true, resizable: false, size: "300px" },
{ collapsible: false, resiable: false, contentUrl: "content.htm" }
I am attempting to create a single page offline web application ... I've added an offline.manifest to the project and confirmed all the resources listed download successfully (using Chrome v19).
The initial rendering of default.htm succeeds; however, subsequent refreshes of default.htm hang on the xhr get of content.htm.
At this point I've kept everything connected and it appears the mere presence of item(s) (either default.htm or content.htm in the app cache) is fouling up the xhr get.
I've attached the necessary collateral for a repro ... any help is greatly appreciated as we are simply trying to figure out how to best structure our markup, etc. to support this particular application using Kendo.
