Questions on Kendo UI for jQuery Forum

1 answer

743 views

What causes ticks to be shown or hidden?

When I use the following example code I have no ticks in generated code. But if I change .humidity width to 300px, ticks are back. Then if I add two parameters smallStep:100 and largeStep:1000 tick are not generated once again.

I understand that I can hide or show them using CSS, but I'm interested in having DOM as small as possible, without hundreds of hidden but unnecessary elements. Can ticks be disabled using some parameter?

Thank you so much for your time.

Example code:

<style>
.humidity {position:relative;width:100px;}
.humidity .k-slider-track {background:url('bg-slider-track.png') left center repeat-x;}
.humidity .k-slider-selection {position:relative;height:14px;background:#006fa7;opacity:0.2;}
.humidity .k-draghandle {position:absolute;top:-2px;width:9px;height:18px;background:url('/i/design/icon-slider-handle.png') no-repeat;}
</style>

<div id="rangeslider" class="humidity">
<input />
<input />
</div>

<script src="js/kendo.core.min.js"></script>
<script src="js/kendo.draganddrop.min.js"></script>
<script src="js/kendo.slider.min.js"></script>
<script>
$(document).ready(function() {
$("#rangeslider").kendoRangeSlider({
min: 0,
max: 10000,
selectionStart: 0,
selectionEnd: 5000,
showButtons:false,
tooltip:{
enabled:false
}
});
});
</script>

Slider

answered on 16 Mar 2012

0 answers

179 views

Listview databinding

Hi,
am trying to provide json databinding functionality to listview..am using your grid-page-methods-crud demo but it's not working.
The list is:

<ul id="Appointment_listview"></ul>

the script is:

<script type="text/javascript">

var listData = new kendo.data.DataSource({

transport: {

read: {

url: "Service.asmx/GetAppointment",

dataType: "jsonp",

data: { //additional parameters sent to the remote service

q: "javascript"

}

},

schema: { // describe the result format

data: "results" // the data which the data source will be bound to is in the "results" field

}

});

function mobileListViewDataBindInitFlat() {

$("#Appointment_listview").kendoMobileListView({

template: "<a href='details.aspx?id=${data.id}'>${data.subject}</a>",

dataSource: listData

});

}

</script>

and the web service is

Imports System.Web.Services

Imports System.Web.Services.Protocols

Imports System.ComponentModel

' To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.

' <System.Web.Script.Services.ScriptService()> _

<System.Web.Services.WebService(Namespace:="http://star1.com.au/")> _

<System.Web.Services.WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _

<ToolboxItem(False)> _

Public Class Service

Inherits System.Web.Services.WebService

<WebMethod()> _

Public Shared Function GetAppointment() As IEnumerable(Of AppointmentSummary)

Dim dt As DataTable = DataManager.Appointments_Get(SessionManager.AppID, SessionManager.UserID, Date.Now)

Dim var As New List(Of AppointmentSummary)

For Each dr As DataRow In dt.Rows

Dim apt As New AppointmentSummary

With apt

.id = dr("id").ToString

.subject = dr("Subject").ToString & " (" & CDate(dr("Start")).ToShortDateString & " " & CDate(dr("Start")).ToShortTimeString & ")"

End With

var.Add(apt)

Next

Return var.ToList

End Function

End Class

of course I finish off the script with:

<script type="text/javascript">

var app = new kendo.mobile.Application(document.body);

</script>

the page loads with the header & viewing the console I get this error

GET http:

//localhost:56634/main/Service.asmx/GetAppointment?callback=jQuery17106404353028628975_1331880114840&q=javascript&_=1331880115408 500 (Internal Server Error)

When I had the web service on the maindefault page I was getting javascript errors thta it couldn't find kendo object ?????

Any suggestions?

ListView (Mobile)

asked on 16 Mar 2012

0 answers

84 views

Working with Hours on valueAxis

I am working on a small grid to display workload on an hour basis (for now 6am to 10pm). I would like to be able to put the 'am' or 'pm' beside the hour but am having issues doing so. Anyone know a way of doing this?

Charts

asked on 15 Mar 2012

0 answers

70 views

Databinding Tabsrtip to xml

Hello,

Do you have any documentation on data-binding xml file to TabStrip widget.

Thank you,

TabStrip

asked on 15 Mar 2012

0 answers

147 views

Databinding to Google calendar

Hello,
We have recently obtained a copy of Kendo UI. I would like to data bind Kendo UI Calendar to our Google Calendar is there a way do this?

Thank you,

Calendar

asked on 15 Mar 2012

2 answers

82 views

Display issues with Q1'12 Beta and JSON data source

I've recently updated our application to use the Q1'12 Beta release, and this release introduced a chart display issue when loading data from a data source (JSON in our case). Previously, when loading JSON data, no chart would be drawn until the JSON data finished loading and the chart could be drawn with correct axes and labels. Also, the "loading" animated GIF placed in the chart container DIV was shown correctly until the chart was ready. In Q1'12, the chart grid is drawn before the JSON data has been fully downloaded. This results in a very unpretty display issue, because the chart's grid is first drawn with incorrect labels and incorrect axes, and only later being replaced with the correct chart. It would be great to have that old behavior again, to draw nothing until all data is available and the correct chart can be drawn.

Charts

answered on 15 Mar 2012

1 answer

89 views

Phonegap + Grid Column template button will not work

Hi There.
I´m testing with phonegap and kendo ui gendogrid. i have bild a grid with a button template. in a normal explorer the button work but if i compile it with phonegap the grid is displayed but the buttons an not clickable.
any suggestions ?

Here my sample :

 $("#grid").kendoGrid({
            columns: [{ field: "Name", title: "Name", template: '<input type=\'button\' value=#=Name# onclick =\'Index.Data.downloadFile(\"#=id#\",\"#=Name#\")\'/>' }, { field: "ChangedDate", title: "geaendert", format: "{0:dd/MMMM/yyyy}"}],
            schema: { model: {
                id: "id",
                fields: {
                    Name: { editable: false, type: "string" },
                    ChangedDate: { editable: false, type: "string"}
                }
            }
            }
        });

Grid

answered on 15 Mar 2012

6 answers

231 views

OpenAccess Domain Service security for Kendo UI

Hello,

I did manage to add the JSONP support to my OpenAccess Domain Service and now I'm able to use my service to feed a kendo UI grid.

Now I need to secure the OpenAccess Domain Service to prevent my data from behing fully accessible without a proper authentication.

So what is the simplest way to secure the OpenAccess Domain Service in a Kendo UI application context? (And is there any documentation on how to do it?)

Regrads,

Simon

Data Source

answered on 15 Mar 2012

0 answers

71 views

Roadmap question: xs:schema

Are there any future plans for DataSource that incorporate or parse the following?

<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:od="urn:schemas-microsoft-com:officedata">

Data Source