Telerik Forums
Kendo UI for jQuery Forum
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;
{
    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
            }
         }
    ]
}
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?
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!
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
 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:
<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>

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
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?
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
Mark
Top achievements
Rank 1
 answered on 19 Nov 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?