or
1 answer
201 views
Hi all,
I want to create an Inline Editing Template using kendoUI webform Grid. After the Edit/Add button pressed i want to have a row which has just one column, and stretched whole the row.
I do not want to have the columns in the Editing/Adding mode as same as Show mode.
The Picture that has been attached can show my mean precisely.
Thanks.
I want to create an Inline Editing Template using kendoUI webform Grid. After the Edit/Add button pressed i want to have a row which has just one column, and stretched whole the row.
I do not want to have the columns in the Editing/Adding mode as same as Show mode.
The Picture that has been attached can show my mean precisely.
Thanks.
Alexander Valchev
Telerik team
answered
on
16 Aug 2013
8 answers
1.0K+ views
Hi
How can I manage the back button in the navbar?
for example, I don't want to show the button in the main views and when user click a link to sub view I would like to show him the button
I tried using "data-show" call a function that will use jquery to show/hide the back button but the problem kendo will change the navbar title and button
How can I manage the back button in the navbar?
for example, I don't want to show the button in the main views and when user click a link to sub view I would like to show him the button
I tried using "data-show" call a function that will use jquery to show/hide the back button but the problem kendo will change the navbar title and button
Iliana Dyankova
Telerik team
answered
on
15 Aug 2013
5 answers
203 views
Is it possible to configure the validation messages to be displayed without breaking the layout? i.e. to be displayed with a z-index or somehow so that things "below" them won't get shifted ? (maybe in the form of sticky tooltips?)
regards
regards
Petyo
Telerik team
answered
on
15 Aug 2013
5 answers
192 views
Hello,
I am working Kendo Mobile into a CMS and I think the ajax is screwing things up for the navigation. Is there a way I can disable ajax for navigation items?
I know this works for jquery mobile:
But I'm not sure how to accomplish this same thing with Kendo. Any help would be much appreciated!
Thanks!
-Ronnie
I am working Kendo Mobile into a CMS and I think the ajax is screwing things up for the navigation. Is there a way I can disable ajax for navigation items?
I know this works for jquery mobile:
<script type="text/javascript"> $(document).bind("mobileinit", function(){ $.extend( $.mobile , { ajaxEnabled : false, pushStateEnabled : false }); }); </script>But I'm not sure how to accomplish this same thing with Kendo. Any help would be much appreciated!
Thanks!
-Ronnie
Petyo
Telerik team
answered
on
15 Aug 2013
5 answers
430 views
I try to create a RSS reader (atom format). I read the feed from a blogspot.com site.
I bind the datasource to a ListView and use a template to format the result. But issue is I get a white space on the top of my header. See attachment.
Everything is working running in the simulator it's only an issue on the device.
What is wrong?
Here is my code:
Index.html:
<body>
<div data-role="view" id="tabstrip-home" data-title="Nyheder" data-model="viewModel" data-layout="tabstrip-layout" >
<div data-role="content" class="weather">
<ul id="news" data-role="listview" data-template="newsItems" data-style="inset" data-bind="source: dataSource" class="inboxList">
</ul>
</div>
</div>
<scripts id="newsItems" type="text/x-kendo-template">
<a href="\\#newsDetails?newsID=#= Id#">
<h3 class="time">Udgivet #: publishedDate#</h3>
<h3>Af #: author #</h3>
<h2>#: title#</h2>
</a>
</scripts>
<div id="newsDetails" data-role="view" data-show="onViewShow" data-model="viewModel" data-title="Nyheder!" >
<ul id="info" data-role="listview" data-style="inset">
<li>
<span data-bind="html: selectedNews.content"></span>
<br>
<hr>
<h5>
Skrevet af:
<div data-bind="text: selectedNews.author"/>
</h5>
<h5>
Skrevet den:
<div data-bind="text: selectedNews.publishedDate"/>
</h5>
<a data-role="backbutton">Tilbage</a>
</li>
</ul>
</div>
<script id="row-template" type="text/x-kendo-template">
<tr>
<td data-bind="html: selectedNews.content">
</td>
<td >
</td>
<td data-bind="selectedNews.publishedDate"></td>
</tr>
</script>
<!--Layout-->
<div data-role="layout" data-id="tabstrip-layout" >
<!--Header-->
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</div>
<!--Footer-->
</div>
</body>
RSSFeed.js:
viewModel = kendo.observable({
dataSource : new kendo.data.DataSource({
transport:{
read:{
url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://feeds.feedburner.com/VenstreIEgedal'),
dataType: "json"
},
parameterMap: function(options, operation){
if(operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
}
}
},
schema:{
model:{
id: "Id",
fields:{
Id: {type:"int"},
title:{type:"string"}
}
},
data: function(response) {
var articleLength = response.responseData.feed.entries.length;
articleLength = (articleLength > 20) ? 20 : articleLength;
for (var i = 1; i <= articleLength ; i++) {
var entry = response.responseData.feed.entries[i - 1];
var entrydate=new Date(entry.publishedDate) //get date of entry
var entrydatestr=entrydate.getDate()+"-"+(entrydate.getMonth()+1) +"-"+entrydate.getFullYear();
newsData.push({Id: i, title: entry.title, content: entry.content, author: entry.author, publishedDate: entrydatestr});
}
//return response.responseData.feed.entries;
return newsData
}
}
}),
});
function onViewShow(e){
var newsId = e.view.params.newsID,
dataitem = viewModel.dataSource.get(newsId);
viewModel.set("selectedNews",dataitem);
}
var newsData = []
I bind the datasource to a ListView and use a template to format the result. But issue is I get a white space on the top of my header. See attachment.
Everything is working running in the simulator it's only an issue on the device.
What is wrong?
Here is my code:
Index.html:
<body>
<div data-role="view" id="tabstrip-home" data-title="Nyheder" data-model="viewModel" data-layout="tabstrip-layout" >
<div data-role="content" class="weather">
<ul id="news" data-role="listview" data-template="newsItems" data-style="inset" data-bind="source: dataSource" class="inboxList">
</ul>
</div>
</div>
<scripts id="newsItems" type="text/x-kendo-template">
<a href="\\#newsDetails?newsID=#= Id#">
<h3 class="time">Udgivet #: publishedDate#</h3>
<h3>Af #: author #</h3>
<h2>#: title#</h2>
</a>
</scripts>
<div id="newsDetails" data-role="view" data-show="onViewShow" data-model="viewModel" data-title="Nyheder!" >
<ul id="info" data-role="listview" data-style="inset">
<li>
<span data-bind="html: selectedNews.content"></span>
<br>
<hr>
<h5>
Skrevet af:
<div data-bind="text: selectedNews.author"/>
</h5>
<h5>
Skrevet den:
<div data-bind="text: selectedNews.publishedDate"/>
</h5>
<a data-role="backbutton">Tilbage</a>
</li>
</ul>
</div>
<script id="row-template" type="text/x-kendo-template">
<tr>
<td data-bind="html: selectedNews.content">
</td>
<td >
</td>
<td data-bind="selectedNews.publishedDate"></td>
</tr>
</script>
<!--Layout-->
<div data-role="layout" data-id="tabstrip-layout" >
<!--Header-->
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</div>
<!--Footer-->
</div>
</body>
RSSFeed.js:
viewModel = kendo.observable({
dataSource : new kendo.data.DataSource({
transport:{
read:{
url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://feeds.feedburner.com/VenstreIEgedal'),
dataType: "json"
},
parameterMap: function(options, operation){
if(operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
}
}
},
schema:{
model:{
id: "Id",
fields:{
Id: {type:"int"},
title:{type:"string"}
}
},
data: function(response) {
var articleLength = response.responseData.feed.entries.length;
articleLength = (articleLength > 20) ? 20 : articleLength;
for (var i = 1; i <= articleLength ; i++) {
var entry = response.responseData.feed.entries[i - 1];
var entrydate=new Date(entry.publishedDate) //get date of entry
var entrydatestr=entrydate.getDate()+"-"+(entrydate.getMonth()+1) +"-"+entrydate.getFullYear();
newsData.push({Id: i, title: entry.title, content: entry.content, author: entry.author, publishedDate: entrydatestr});
}
//return response.responseData.feed.entries;
return newsData
}
}
}),
});
function onViewShow(e){
var newsId = e.view.params.newsID,
dataitem = viewModel.dataSource.get(newsId);
viewModel.set("selectedNews",dataitem);
}
var newsData = []
Steve
Telerik team
answered
on
15 Aug 2013
2 answers
419 views
Hi - In the following jsFiddle, I have some code to handle change events for checkboxes in a treeview:
jsFiddle
I'm wondering if there's a way inside the event handler to get a reference to the checkbox that triggered the event? It seems like when checkChildren is enabled, it's possible for the change event to fire multiple times if checking a child triggers the checking of a parent (ie, the child was the last unchecked checkbox under the parent) so I need to evaluate the specific checkbox that raised a change event to determine whether or not to run additional code.
Thanks!
jsFiddle
I'm wondering if there's a way inside the event handler to get a reference to the checkbox that triggered the event? It seems like when checkChildren is enabled, it's possible for the change event to fire multiple times if checking a child triggers the checking of a parent (ie, the child was the last unchecked checkbox under the parent) so I need to evaluate the specific checkbox that raised a change event to determine whether or not to run additional code.
Thanks!
Christopher
Top achievements
Rank 1
Rank 1
answered
on
15 Aug 2013
2 answers
262 views
I am looking for sample code showing Scheduler with multiple Resources bound to external data, Please can anyone help.
1 answer
421 views
I'm using a Kendo Grid which is scrollable. So it will have div with "k-grid-content" class which supports scrolling. But I have a menu on each row and when I am adding the kendo menu, if I click on the menu, the gird's div has scrollbars because of the "k-grid-content". I would like a scrollable grid that doesn't overlap the menu.
Alexander Valchev
Telerik team
answered
on
15 Aug 2013
1 answer
285 views
Hi ,
I'm using the chat as a time slider selector.
I need to be able to have a line break in the category x axis labels,
I'm using the template field (with a <br/> tag as a line break) , however it doesn't do the job and just messes up the chart.
See attachment.
Can you help.
I'm using the chat as a time slider selector.
I need to be able to have a line break in the category x axis labels,
I'm using the template field (with a <br/> tag as a line break) , however it doesn't do the job and just messes up the chart.
See attachment.
Can you help.
Iliana Dyankova
Telerik team
answered
on
15 Aug 2013
3 answers
146 views
Hi,
Part of a vendor requirement is that we render specific comment tags before and after certain content. I am having a little trouble getting this to work with the Kendo DropDownList.
I have made a fiddle that demonstrates this: http://jsfiddle.net/mlhDevelopment/ktpHp/
The problem is that the comment is rendered in the selected value when the drop down is closed. When it is open and using the template the display is correct (comment is not rendered), but when the drop down closes the selected value is set to the literal/escaped, not the HTML rendered, value. How can we change that?
Thanks, Matthew
Part of a vendor requirement is that we render specific comment tags before and after certain content. I am having a little trouble getting this to work with the Kendo DropDownList.
I have made a fiddle that demonstrates this: http://jsfiddle.net/mlhDevelopment/ktpHp/
The problem is that the comment is rendered in the selected value when the drop down is closed. When it is open and using the template the display is correct (comment is not rendered), but when the drop down closes the selected value is set to the literal/escaped, not the HTML rendered, value. How can we change that?
Thanks, Matthew
Kiril Nikolov
Telerik team
answered
on
15 Aug 2013
