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>

Hello ,
Can you provide us with project for master-datial CRUD operations for kendo web grid (CRUD for both master and detail)

Thanks

Hey,
I have a problem with Kendo grid css over google chrome, please check the attached files which show the problem 

Hi Guys

I am new to Kendo MVVM and trying to decipher a way to correctly implement the architecture. I have read many posts and put together a working implementation which I would like to get your take on:

My view.

Data Source:


HTML:



It seems to work (as in I am getting the expected result), however, I am not sure if this is the correct implementation? The idea is to refresh the view from the remote source onShow?

Is there a better way to design? Am I missing something?

Thanks in advance
Luke