From a grid row I would like to open a kendoWindow that provides a form and is pre-filled with the dataitem from the selected row.
The window is using a kendoTemplate as its content and now I want to use various kendo widgets in the template like datepicker and numerictextbox etc.

My current solution can be found in this fiddle:
http://jsfiddle.net/somethingunique/W5tj2/

Can somebody help me out, why the numerictextbox is not shown in my solution? Or should I an event on the window or template to initialize the numerictextbox

Hi,

It seems that I just cannot get beyond this issue.This is an example of dataset:[
{ type: "FOO", date: 1396952060722, count: 3 },
{ type: "BAR", date: 1396952060722, count: 2 },
{ type: "FOO", date: 1396952060722, count: 4 },
{ type: "BAZ", date: 1396952060722, count: 1 },
{ type: "FOO", date: 1396952060722, count: 3 },
{ type: "FOO", date: 1396952060722, count: 3 }
]
How can I make stacked column chart where X axis holds dates and columns are stacked bytype with count fields summed (Y axis) if they fall under the same date. I also need a way to regulate date granularity (year/month/day) and the data should distribute accordingly.Is there a buildin way to do this or I'll have to make complex data transform?

This is really important feature for us and I want to take advantage of every Kendo feature as much as possible so I can justify possible purchase.

Thanks.

Hi there,

I want to add a default filter to a boolean column in the grid. Could you tell me how to do it?


Thank you


regards
Jerry

I've done a little experiment with http://demos.telerik.com/kendo-ui/web/sortable/sortable-panels.html and created a panel that has a simple chart in it.

If I move and other sortable item except the chart itself it removes all colors from the chart (see the the attachment file: error.png).
This happens on desktop and mobile versions of Chrome and Opera or better yet all browsers that use a blink/webkit html engine.

I could not reproduce this behaviour in IE11 or the latest version of Firefox.

It's not crucial to me at this moment but just letting you know.

Hi.  I am a newbie to Kendo and Mvc in general. I am trying to add a column to a grid that I would like to display as masked (i.e.  a zip code with a "00000-0000" format, or a phone number with a (000)000-0000 format.

I have not found any examples for this.  Can someone please direct me to one?  The closest I see is a masked text box, but I don't see a  way to use this in a grid.


Thank you.

I've having an issue when attempting to create a repeating event that runs across the midnight time span.  For instance if I create an event that runs from 4/8 10PM until 4/09 4AM, I end up with a display that shows an event from 10PM until Midnight on 4/8 and an event that is from 9:30PM(ish) until 9:45PM(ish) on 4/9.  

I've duplicated this issue won the Kendo UI Dogo as well.  

Attached is an image that contains 2 events.  Both events run from 8PM to 7:30PM the next day.  The blue event has a weekly repeat set such that it repeats every tuesday.  The other event does not have this set.  These events were created on the Dojo.  

I'm wondering if there is anything I can do to address this.  Or will the package need to be updated to fix this issue?  

Thanks,
Jared

Hi,

In the following example i have a kendo datetimepicker with a min and max date.

When i change the date by typing only (don't use the calendar and time button), and change it to the max day: 16/6/2014
And then open the time picker, it still shows the min time of 8:15 which is not correct.

http://jsfiddle.net/NNnJy/

Hi

I was trying to make grid as attached in file using Kendo Grid, but delete command can't called destroy event to delete data. And i use text box to add new data on footer table, so it can always be shown even if user change grid paging. Is this possible to be done?

Here is my html code:

Here is my script code:


Is there anything that i missed?

Use gird editable 'popup', when click edit button and pop up a dialog and click 'cancel', the edit row will be deleted. Here is the demo code~


  <div id="grid" data-role="grid" data-scrollable="true"
                 data-editable="popup" data-toolbar="['create' ]"
                 data-columns="[ 
                                 { 'field': 'DashboardName', 'width': 200 },
                                 { 'field': 'DashboardDescription', 'width': 300 },
                                 { 'command': ['edit', 'destroy' ], 'title': '&nbsp;', 'width': 150 }
                 ]"
                 data-bind="source: dashboardSource" style="width: 800px; height:500px;">

</div> 
    
<script type="text/javascript">    

    $(document).ready(function () {  

        kendo.bind(document.body, viewModel);

    });


    var viewModel = kendo.observable({        

        dashboardSource: new kendo.data.DataSource({
            schema: {
                model: {
                    id: "DashboardId",
                    fields: {
                        DashboardId: { editable: false },
                        DashboardName: { validation: { required: true } },
                        DashboardDescription: { },
                        UserAlias: { validation: { required: true } }
                    }
                }
            },
            data: []
            
        }),

    }); 

</script>

I am using an external template and binding it my javascript.   In IE8 I don't get my template.  What am I missing to make this work in IE8?


Javascript:
var data = kendo.template($('#contactTmpl').html());
 $('[data-iaform]').find('form').replaceWith(data);

HTML:
 <title>{$site_title}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<div class="class-Price-Quote-form" data-iaform="" >
       <form>
       </form> 
</div>

Kendo Template:
<script id="contactTmpl" type="text/x-kendo-template">

    <form class="contactTmpl" data-iacuform="">
        <h4>Contact Name<span class="k-invalid-msg" data-for="name"></span></h4>
        <input type="text" data-bind="value: name" name="name" placeholder="Full name" required data-required-msg="Please enter your name." />
        <h4 >Title<span class="k-invalid-msg" data-for="title"></span>
        <input type="text" data-bind="value: title" name="title" placeholder="Your title" data-required-msg="Please enter your title." /></h4>
        <h4>Email<span class="k-invalid-msg" data-for="email"></span></h4>
        <input type="email" data-bind="value: email" name="email" placeholder="e.g. myname@example.net"  required data-required-msg="Please enter your                 email."  validationMessage="Please enter email in following format: myname@example.net" />    
        <h4>Organization<span class="k-invalid-msg" data-for="organization"></span></h4>
        <input type="text" data-bind="value: organization" name="organization" required data-required-msg="Please enter your organization." placeholder="Your organization" />
        <h4>Phone</h4>
        <input type="tel" data-bind="value: phone" name="phone" />
        </form>
</script>