Questions on Kendo UI for jQuery Forum

3 answers

134 views

Hi,
I'm new with KendoUI and I've downloaded the evaluation of KendoUI. I tried to create a simple window using the blueopal theme. The windows comes up and is positioned correctly but it doesn't seem to be themed right. Firstly, even without using the blueopal theme I seem to be missing:

http://localhost:9000/public/stylesheets/external/kendoui/Kendo/sprite.png
http://localhost:9000/public/stylesheets/external/kendoui/Kendo/gradient.png

$("a.inDialog").live("click", function(e){

e.preventDefault();

$(this).after("<div id='openDialog'></div>");

$("#openDialog").kendoWindow({

theme: "blueopal",

title: $(this).attr("title"),

content: $(this).attr("href"),

width: "500px",

height: "300px"

}).data("kendoWindow");

var window = $("#openDialog").data("kendoWindow");

window.center();

});

In my html I included the following:

<link rel="stylesheet" type="text/css" href="/public/stylesheets/external/kendoui/kendo.common.min.css" charset="utf-8" ></link>

<link rel="stylesheet" type="text/css" href="/public/stylesheets/external/kendoui/kendo.kendo.min.css" charset="utf-8" ></link>

<script type="text/javascript" language="javascript" charset="utf-8" src="/public/javascripts/external/jquery-1.7.1.min.js"></script>

<script type="text/javascript" language="javascript" charset="utf-8" src="/public/javascripts/external/kendoui/js/kendo.all.min.js"></script>

<script type="text/javascript" language="javascript" src="/public/javascripts/external/kendoui/js/kendo.window.min.js"></script>

The window that comes up looks like the attached photo.

Can you please advice where I can get the missing images from and how I can fix my theme issue?

Thanks for your help,
Valanto

Window

answered on 15 Dec 2011

13 answers

409 views

Datepicker under IE8

Oh sorry please move to datepicker ...

This is not running under IE8, the datepicker pictures are not there (so nothing to click)
under FF 7 its working fine.

<input id="datepickerF" value=""/>
<input id="datepickerT" value=""/>

$(document).ready(function() {
    $("#datepickerF").kendoDatePicker({
                        // defines the start view
                        startView: "year",

                        // defines when the calendar should return date
                        depth: "year",

                        // display month and year in the input
                        format: "MMMM yyyy",
                       change: function(){needChange=true;}
                    });
   $("#datepickerT").kendoDatePicker({
                        // defines the start view
                        startView: "year",

                        // defines when the calendar should return date
                        depth: "year",

                        // display month and year in the input
                        format: "MMMM yyyy",
                       change: function(){needChange=true;}
                    });
....

DatePicker

answered on 15 Dec 2011

4 answers

123 views

trying the window but i cannot see the close button

I have tried in three navigators, all with the same behaviour. I am using the Kendo UI i downloaded today Dic 1st.

The code i have used is:
<script>
   $("#lasfotos").kendoWindow(
   { draggable: true,
     resizable: false,
     width: "800px",
     height: "550px",
     title: "Fotos de <%=sficha%>",
   actions: ["Close"]
   });
   </script>
The ASP code works perfect!
Can someone tell me why i cannot see the close button?
Again, thank you.

.

Window

answered on 15 Dec 2011

2 answers

122 views

[Solved] dependence

Slider and RangeSlider

jquery-1.7.1.js
kendo.core.js
kendo.draganddrop.js
kendo.slider.js

I think something is missing. Maybe a good idea to write automated tests for checking dependencies.

General Discussions

answered on 15 Dec 2011

3 answers

163 views

Road Map for Additional Widgets

As great as KendoUI v1 is, and it is! There are still a lot of missing pieces compared to other UI components.

Could you give an idea when any of the following widgets will be available either in Beta or final release?

Telerik ASP.NET Controls not yet in KendoUI

Button
Captcha
DataPager
Filter
Notification
Rating
Rotator
Sitemap
SocialShare
Tagcloud
Tooltip

Competitor Controls not yet in KendoUI

Bubble Charts
Composite Charts (pie + bar)
Events Calendar
Gauges

General Discussions

answered on 15 Dec 2011

4 answers

430 views

Templates In External File

Is it possible to store templates in an external file?

I have some templates that I would like to reuse across multiple pages. It would be extremely advantageous to be able store them in one file and reference them as needed. Then if I need to change the template I would only need to do it once.

Templates

answered on 14 Dec 2011

0 answers

119 views

Resize column bar chart

Hi, i'd like to resize the area of my column bar chart. How can i do it?

Charts

asked on 14 Dec 2011

3 answers

148 views

Sorting and Filtering not working with xml dataSource?

Hi Everyone!

Yesterday i started evaluationg KendoUI. I've created a html page showing a grid with a xml data source. Here's the code (sorry, but the 'Format Code Block Dialog' issn't working (FF8)).
------------------------------------------------
<!DOCTYPE html>
<html>
<head>
    <title>New HTML5 page</title>

   <link href="kendoui/styles/kendo.common.min.css" rel="stylesheet" />
   <link href="kendoui/styles/kendo.kendo.min.css" rel="stylesheet" />

   <script src="kendoui/js/jquery.min.js"></script>
   <script src="kendoui/js/kendo.all.min.js"></script>
</head>
<body>
   <div id="grid"></div>

   <script>
       $(document).ready(function() {
           $("#grid").kendoGrid({
               dataSource: new kendo.data.DataSource({
                   transport: {
                       read: "../mssql/xml.php"
                   },
                   schema: {
                       type: "xml",
                       data: "/articles/article",
                       model: {
                           fields: {
                               number: "number/text()",
                               description: "description/text()",
                           }
                       }
                   }
               }),

               height: 500,
               groupable: true,
               filterable: true,
               scrollable: {
                   virtual: true
               },
               sortable: true,
               columns: [ {
                               field: "number",
                               width: 100,
                               title: "Artikelnummer"
                           } , {
                               field: "description",
                               width: 400,
                               title: "Bezeichnung"
                           }
                       ]
           });
        });
    </script>
</body>
</html>
--------------------------------------

All data from the data source is displayed correctly in the grid. BUT i can't sort the grid by clicking the column headers nor is the filter option displayed.

Is there anything wrong in my code? I've reviewed all examples and walkthroughs, but all use the same options for the grid like i do.

Please help :)

Regards,
Michael

Grid

answered on 14 Dec 2011

1 answer

234 views

[Solved] Culture (globalization) for charts

Hi,

how can I change culture for charts? I need values to be formatted as #.###,## (comma as decimal separator).

Thanks,

Igor

Charts

answered on 14 Dec 2011

1 answer

367 views

Accessing Records in Data Source

I have a DataSource that is the data source for two different kendoDropDownList. Is there a way of accessing the data within the data source? The data source is a address block with a reference as a key and value in the drop down. The Address, City, State and Zip are also present in the data source. How would I access that data without having to pull over another set of the data?

Thanks
Randy

Data Source

answered on 14 Dec 2011