Questions on Kendo UI for jQuery Forum

1 answer

297 views

Hey,
Say I have 92 columns in a bar chart ( 3 months) , could be 90 or 91 or 93, depends on the months. Id like to display all column for each day but the labels only to appear on the 1st day of the month. Could someone please advise how to achieve this functionality.
Current category axis configuration:

categoryAxis: {
field: "PeriodTime",
type: "Date",
baseUnit: "days",
majorGridLines: {
visible: false
},
labels: {
font: "6.50pt Verdana",
color: "#666666"
},
color: "#aa00bb"
},....

Thanks in Advance, any suggestions appreciated. Regards,
Neil

Charts

answered on 28 Nov 2013

1 answer

303 views

Custom Javascript Date Picker inside Kendo Grid(EditorTemplate???) with Inline Editing

We have a custom JQuery/Kendo Date Picker built out of Javascript(not HTML)...We are trying to use in a Kendo Grid(inline Editing). Having a few different problems, mainly getting the data back to the appropriate column/field. Trying to see if anybody has done something like this successfully. We've seen Editor Template Examples, but mainly with Serverside HTML/Razor code. Our Date Picker is pure javascript...(uses Kendo Date Picker though)...

Any examples/suggestions would be greatly appreciated.

Thanks

Grid

answered on 28 Nov 2013

3 answers

550 views

Value Axis does not scale automatically if MajorUnit is set

Hi,
I am try to use kendo chart 's MajorUnit functionality to show the value axis labels as integer values but with big numbers labels get overlapped, and if I do not use MajorUnit the kendo chart display labels in decimal that looks inappropriate for integer values. I also want to scale labels automatically according to the max value in the series, but I am not getting these two functionalities together.

Please help me how I can show only integer labels on value axis as well as auto scaling.

Thank you & Regards,

Poonam

Charts

answered on 28 Nov 2013

3 answers

252 views

Possible to Drag/Zoom and Select on a single chart ?

Is it possible have dragging/zooming along with selecting a range on a single chart ? I can get each of these working, but not together.

Thanks.

Robin

Charts

answered on 28 Nov 2013

1 answer

169 views

Issues with timezone

The scheduler control reads dates just fine but when we attempt to create/update
appointments the hour returned from the control is always one hour ahead.
Everytime you update the title or description it continuously increments our date by an hour on each request.

We thought it had something to do with the way UTC dates are handled in javascript
during the ajax call. Could you please let us know what we are doing wrong?
Thanks.

Scheduler

answered on 28 Nov 2013

3 answers

108 views

[Solved] Q3 2013 ScrollView content(...) method error

Upgraded to Q3 2013, and I set the content for my scrollview through the content() method, but it's getting a:
Error: Object doesn't support property or method '_getPages'

I tried creating just a simple example from the Kendo UI docs, and I still get the error:

<div id="slideshow">

</div>

<script>

function showHome(e) {

var slideshow = $("#slideshow").kendoMobileScrollView().data("kendoMobileScrollView");

slideshow.content('<div data-role="page">Item1</div><div data-role="page">Item2</div>');

}

</script>

This is the exact same content that is set in the API docs for the content(...) method, so I'm leaning towards a bug?

ScrollView (Mobile)

answered on 28 Nov 2013

1 answer

57 views

Kendo UI Window asp.net mvc3

I have a scenario where I have to display more than 10 Kendo UI Windows in a page . I should able to drag the windows in the page and drop
them anywhere on the desktop and also in extended monitor . I know the scope of the windows is within the page. I couldn`t able to drag the window outside the browser page. But how can I make achieve this in asp.net mvc3 ?

Window

answered on 28 Nov 2013

1 answer

599 views

Grid Change event fires 2 times

When I set up a grid to selectable: "row" and capture the change event I see the change event fire twice here is a really simple grid to use as an example:
<html>
<head>
<script>
var data = [
    {"col_a": "vala1","col_b": "valb1","col_c": "valc1"},
    {"col_a": "vala2","col_b": "valb2","col_c": "valc2"},
    {"col_a": "vala3","col_b": "valb3","col_c": "valc3"},
    {"col_a": "vala4","col_b": "valb4","col_c": "valc4"}
           ];
        $(document).ready(function () {
            if(typeof(data) != "undefined")
            {
                $("#grid1").kendoGrid({
                        dataSource: {data: data},
                        columns: [
                        {field: "col_a", title:"ColA"},
                        {field: "col_b", title:"ColB"},
                        {field: "col_c", title:"ColC"}
                        ],
                        sortable: true,
                        resizable: true,
                        width: "95%",
                        height: "400px",
                    selectable: "row",
                        change: function(e){
                                alert('change');
                                }
                });
            }
            else
            {
                $("#grid1").addClass("k-block");
                $("#grid1").text("No data.");
                $("#grid1").css("font-weight", "bold");
                $("#grid1").css("font-size", "14px");
                $("#grid1").width(400);
            }
        });
</script>
</head>
<body>
<div id="grid1" style = "width:99%;"></div>
</body>

its also in action here: http://jsfiddle.net/jnv9M/

Any way to prevent this or any help as to why I'm getting this event twice?

Grid

answered on 28 Nov 2013

6 answers

513 views

Treeview - add html to item

Complete Code From here:
http://pastebin.com/LHa83w57

OR:

<script>

-

$("#treeview-images").kendoTreeView({

dataSource: [

{

text: "Inbox", imageUrl: "../../content/web/treeview/mail.png",

items: [

{ text: "Read Mail", imageUrl: "../../content/web/treeview/readmail.png" },

{ text: "adasd" , imageUrl: "../../content/web/treeview/readmail.png" }

]

},

{

text: "Drafts", imageUrl: "../../content/web/treeview/edit.png"

},

{

text: "Search Folders", expanded: true, imageUrl:"../../content/web/treeview/search.png",

items: [

{ text: "Categorized Mail", imageUrl: "../../content/web/treeview/search.png" },

{ text: "Large Mail", imageUrl: "../../content/web/treeview/search.png" },

{ text: "Unread Mail", imageUrl: "../../content/web/treeview/search.png" }

]

},

{

text: "Settings", imageUrl: "../../content/web/treeview/settings.png"

}

]

});

</script>

How is this possible? I have tried:
{ text: document.write('Read <br> Mail'); , imageUrl:"../../content/web/treeview/readmail.png" },

But then it does not display me anything (not even the tree View).

TreeView

answered on 28 Nov 2013

2 answers

226 views

what format is given me the datePicker

Hello again,

if i have a kendo DatePicker
and i get the value of that something like that:
var startDate = $(employee.currentStartDate).data("kendoDatePicker").value().toString();
i send to the server as a string,but i try to parse this date in .net C#
i tried something like

public ActionResult GetEndDateValues(string startDate)
        {

            DateTime contractVersionStartDate = DateTime.ParseExact(startDate, "g", null); also i tried G,D,d,still not recognized
}
if on the client,i put toUTCString(),or toISOString(), then the date is 2 hour behind,so i get the yesterday date(ex. 26.11.2013,i get 25.11.2013 22:00:00 pm)
is not ok.
so can you help me clarify this?
i want no matter what local culture is,to send it from client,and parse right on the server.

Best Regards,
Daniel

P.S:if i enter in my telerik account,and i click on a post,no longer sends me to my post,i have to look over it,in the whole kendo forum.before it wasn't like that.

DatePicker

answered on 28 Nov 2013