or
1 answer
101 views
I posted this already, but I suppose I was a bit vague, so I will post this once more with more information in hopes I can get it addressed.
I have a situation where I want to display small pop up windows to edit some data in a view model that is made with KendoUI.For sake of example, the ViewModel is something like this;
What I want to do seems like it should be simple. I am rendering a template with this, and there is a button that has data-bind="click: onEdit" on it. When the user clicks this, I want to render a KendoUI Window that lets them edit that item, when they confirm it, it updates the item in the actual view model.
I have already been told to use the "grid" system, but for what I am doing I have no interest in the grid right now. I love the grid, the grid is phenomenal. But what my customer wants will not really work with the way the grid layout, even with custom skinning. I need to use the actual kendo templates.
Is this even possible?
I have a situation where I want to display small pop up windows to edit some data in a view model that is made with KendoUI.For sake of example, the ViewModel is something like this;
{ Name: "Root", Collection: [ { Name: "Item1", Price: 0.00, Quantity: 0, Tags: [ "tag1", "tag2", "tag3" ], onEdit: function(e){ // open window and edit Item1 } }, { Name: "Item2", Price: 0.00, Quantity: 0, Tags: [ "tag1", "tag2", "tag3" ], onEdit: function(e){ // open window and edit Item2 } } ]}I have already been told to use the "grid" system, but for what I am doing I have no interest in the grid right now. I love the grid, the grid is phenomenal. But what my customer wants will not really work with the way the grid layout, even with custom skinning. I need to use the actual kendo templates.
Is this even possible?
Alexander Valchev
Telerik team
answered
on
20 Nov 2013
3 answers
90 views
Hi everyone,
We've been trying to use the Kendo Validator component to validate a complex data entry form, and unfortunately for this project we need support for IE7.
The validation itself works fine on specific fields, and messages pop up as normal when wrong values are entered, however a call to
$("#form").data("kendoValidator").validate()
on form submission fails with the error message "Failed". Since under IE7 there is very little information about what the error is and how to fix it, we've been wondering if anyone knows how to proceed, or if anyone has had similar experiences in the past.
Many thanks!
We've been trying to use the Kendo Validator component to validate a complex data entry form, and unfortunately for this project we need support for IE7.
The validation itself works fine on specific fields, and messages pop up as normal when wrong values are entered, however a call to
$("#form").data("kendoValidator").validate()
on form submission fails with the error message "Failed". Since under IE7 there is very little information about what the error is and how to fix it, we've been wondering if anyone knows how to proceed, or if anyone has had similar experiences in the past.
Many thanks!
Rosen
Telerik team
answered
on
20 Nov 2013
2 answers
110 views
Is it possible to get the cascading drop down to remember its last state on a post back?
Richard Wilde
Top achievements
Rank 1
Rank 1
answered
on
20 Nov 2013
2 answers
179 views
I'm useing Drawer and ListView and want ot add pull to refresh with custom template for ListView.
This is the code:
It produces JavaScript error, I assume beacause of hash for drawer. If I remove hash Javascript works but link bokes.
Any ideas how to overcome this?
This is the code:
<script type="text/x-kendo-tmpl" id="pull-to-refresh-template"> <div class="portpos"> <a href="#drawer-drafts2?id=#:p_portfelj_id#"> <span class="h3x">#:ime_portfelja#</span> <div class="portfelj change #:trend#"> Današnja sprememba <big>#:tadan#</big> </div> <div class="portfelj state"> <span class="title">Trenutna vrednost</span> <big>#:stanje#</big> <small>EUR</small> </div> </a> </div> </script>It produces JavaScript error, I assume beacause of hash for drawer. If I remove hash Javascript works but link bokes.
Any ideas how to overcome this?
Petyo
Telerik team
answered
on
20 Nov 2013
1 answer
52 views
Hi,
The Back Button is not showing for 2013 Q2 or Q3 Beta. I have a simple test set up and the Back Button will not show unless I go back to Q1 for the
kendo.mobile.all.min.css stylesheet. If I add in the stylesheet from my Q2 or Q3 Beta download, the button does not show even though the link function is there - you just can't see it.
If I reference <link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.mobile.all.min.css" rel="stylesheet" /> for the style sheet, the button is visible.
Can you confirm the issue?
As I mentioned before, I tried the js and css files from Q2 (v2013.2.918) and Q3 Beta (v2013.3.1030). The only thing that worked was pointing to the Q1 version of the style sheet on the CDN.
Below is my test page.
Thanks.
<!DOCTYPE HTML>
<html lang="en">
<head>
<script src="js/kendo/jquery.min.js"> </script>
<script src="js/kendo/kendo.mobile.min.js"></script>
<link href="styles/kendo/kendo.mobile.all.min.css" rel="stylesheet" />
<style>
.no-backbutton .km-back { visibility: hidden; }
</style>
</head>
<body>
<div data-role="view" id="mt-home-main-view" data-title="Movie Tickets" data-show="homeViewInit" data-layout="mt-main-layout" class="no-backbutton">
Home Page View
</div>
<!-- about view -->
<div data-role="view" id="mt-about-view" data-title="About" data-layout="mt-main-layout">
<div style="padding: 15px">
This is a sample application developed for the book
Building Mobile Applications using Kendo UI Mobile and ASP.NET Web API
</div>
</div>
<div data-role="layout" data-id="mt-main-layout">
<header data-role="header">
<div data-role="navbar">
<a data-align="center" data-role="backbutton">Back</a>
<span data-role="view-title">Movie Tickets</span>
</div>
</header>
<footer data-role="footer">
<div data-role="tabstrip">
<a href="#mt-home-main-view">
<img src="images/movies.ico"
height="40" width="40" /><br />
Movies
</a>
<a href="Trailers.html">
<img src="images/trailers.ico" height="40" width="40" /><br />
Trailers
</a>
<a href="#mt-about-view" data-icon="about">
<br />
About
</a>
</div>
</footer>
</div>
<script>
var application = new kendo.mobile.Application(document.body,
{
transition: 'slide',skin:'flat'
});
console.log(application.view);
</script>
</body>
</html>
The Back Button is not showing for 2013 Q2 or Q3 Beta. I have a simple test set up and the Back Button will not show unless I go back to Q1 for the
kendo.mobile.all.min.css stylesheet. If I add in the stylesheet from my Q2 or Q3 Beta download, the button does not show even though the link function is there - you just can't see it.
If I reference <link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.mobile.all.min.css" rel="stylesheet" /> for the style sheet, the button is visible.
Can you confirm the issue?
As I mentioned before, I tried the js and css files from Q2 (v2013.2.918) and Q3 Beta (v2013.3.1030). The only thing that worked was pointing to the Q1 version of the style sheet on the CDN.
Below is my test page.
Thanks.
<!DOCTYPE HTML>
<html lang="en">
<head>
<script src="js/kendo/jquery.min.js"> </script>
<script src="js/kendo/kendo.mobile.min.js"></script>
<link href="styles/kendo/kendo.mobile.all.min.css" rel="stylesheet" />
<style>
.no-backbutton .km-back { visibility: hidden; }
</style>
</head>
<body>
<div data-role="view" id="mt-home-main-view" data-title="Movie Tickets" data-show="homeViewInit" data-layout="mt-main-layout" class="no-backbutton">
Home Page View
</div>
<!-- about view -->
<div data-role="view" id="mt-about-view" data-title="About" data-layout="mt-main-layout">
<div style="padding: 15px">
This is a sample application developed for the book
Building Mobile Applications using Kendo UI Mobile and ASP.NET Web API
</div>
</div>
<div data-role="layout" data-id="mt-main-layout">
<header data-role="header">
<div data-role="navbar">
<a data-align="center" data-role="backbutton">Back</a>
<span data-role="view-title">Movie Tickets</span>
</div>
</header>
<footer data-role="footer">
<div data-role="tabstrip">
<a href="#mt-home-main-view">
<img src="images/movies.ico"
height="40" width="40" /><br />
Movies
</a>
<a href="Trailers.html">
<img src="images/trailers.ico" height="40" width="40" /><br />
Trailers
</a>
<a href="#mt-about-view" data-icon="about">
<br />
About
</a>
</div>
</footer>
</div>
<script>
var application = new kendo.mobile.Application(document.body,
{
transition: 'slide',skin:'flat'
});
console.log(application.view);
</script>
</body>
</html>
Kamen Bundev
Telerik team
answered
on
20 Nov 2013
2 answers
630 views
The Json value of kendodatepicker that is received at .net csharp code is "\"2013-11-18T03:38:21.843Z\""What is the best and universal way to parse/convert this format to c# DateTime ?
Georgi Krustev
Telerik team
answered
on
20 Nov 2013
1 answer
271 views
i Kendo Team
we have a viewmodel with a list of child records (bound with a template). To show and hide child records we use a function like the following:
Function;
Visible: function (e) {
if (this.parent().parent().get("DebitorFilter") == null || this.KUNNR == null)
return true;
else
return this.parent().parent().get("DebitorFilter") == this.KUNNR;
}
Binding: "<div class="LabelDetailTemplate" data-bind="visible: Visible">"
So far it's working as expected when adding new records, but if property KUNNR changes in the parent object the visible function of the child records is not called again and the items stays hidden.
What are we doing wrong or do we have to create a property "visible" and refresh it manually when the KUNNR has changed?
Thanks in advanced and best regards
Daniel
we have a viewmodel with a list of child records (bound with a template). To show and hide child records we use a function like the following:
Function;
Visible: function (e) {
if (this.parent().parent().get("DebitorFilter") == null || this.KUNNR == null)
return true;
else
return this.parent().parent().get("DebitorFilter") == this.KUNNR;
}
Binding: "<div class="LabelDetailTemplate" data-bind="visible: Visible">"
So far it's working as expected when adding new records, but if property KUNNR changes in the parent object the visible function of the child records is not called again and the items stays hidden.
What are we doing wrong or do we have to create a property "visible" and refresh it manually when the KUNNR has changed?
Thanks in advanced and best regards
Daniel
Petyo
Telerik team
answered
on
20 Nov 2013
5 answers
1.7K+ views
Thanks in advance..
Alexander Valchev
Telerik team
answered
on
20 Nov 2013
11 answers
313 views
My application has started to overlay the top status bar on all ios devices. As a result, keyboard entry, navigation and other features no longer work properly. I found this: http://docs.icenium.com/troubleshooting/ios7-status-bar , but my issue is not ios7 specific, and adjusting the margin causes the footer to sink below the bottom edge of the screen.
I can't remember doing anything that would specifically effect the display. Perhaps someone has encountered this previously?
I can't remember doing anything that would specifically effect the display. Perhaps someone has encountered this previously?
Kamen Bundev
Telerik team
answered
on
20 Nov 2013
3 answers
130 views
Hi,
I am using the Bubble chart, could be possible to add opacity to each bubble?
I would like to modify the opacity of each bubble to create a dinamicaly "trail" with the same bubble with different values.
Thanks,
Luis
I am using the Bubble chart, could be possible to add opacity to each bubble?
I would like to modify the opacity of each bubble to create a dinamicaly "trail" with the same bubble with different values.
Thanks,
Luis
