Questions on Kendo UI for jQuery Forum

1 answer

184 views

[Solved] Loading culture files with require.js not working with Web bundle anymore

Hi again,

With version 2013.2.716 I've noticed that dynamically loading a culture file with require.js is broken. We use the kendo.web.min.js bundle and load different culture files dynamically depending on user preference or server instruction.

With this new version, I am getting what is described here: http://stackoverflow.com/questions/17705611/in-kendoui-web-2013-2-716-requiring-kendo-culture-xx-xx-min-js-produces-an-inval

Are kendo going to provide a solution for such a situation? Note that before the above mentioned version this mechanism worked fine for me.

From my point of view:
- it would be best if kendo fixed the culture files to still work with require.js and kendo.web bundle or provide a solution on how to do it in a way that works
- or as a last resort at least provide the option in the Custom Download page to be able to include the culture files in the custom.min.js so that I can get a bundle that is very similar to kendo.web but includes the culture files (although there would be a lot of overhead as I usually only dynamically load 3 to 4 culture files per page)

General Discussions

answered on 25 Jul 2013

1 answer

111 views

Horizontal Scroller

Hi I'm trying to find a suitable widget for the following scenario.
I have bunch of controls that stretch beyond the screen width.(see attached image.)
Therefore I need a control that will allow me to move the controls (inside the widget) to the left and right similar to the ScrollView.
The only difference is that rather then moving between pages I want the each swipe will show the next available controls.
Another way to put it is that I want to use the 'Scroll' widget but make it horizontal scroll
Do you have any suggestions ?
Thx

General Discussions

answered on 25 Jul 2013

2 answers

169 views

V2013.2.716 Minimize height issue

Hi,

I just upgraded my kendo package to v2013.2.716 and it seems to be causing an issue with the Kendo window Minimize action.

Here's a Fiddle that shows the problem. Its related to the min-height that gets added to the window. On minimize the window doesn't actually collapse down to just the title as it used to.

Is this a bug? Or was this intentional?

How can I get it to do what it used to and collapse clear down to just the Title bar?

Window

answered on 25 Jul 2013

3 answers

256 views

Is it possible to have the linear gauge pointer start from the center?

Hi,

I have a case where I measure negative and positive speed using the same linear gauge. I was wondering if it's possible to have the pointer start with the center as a zero-point? Here's my code:

<script>

function createSpeedGauge() {

$("#speedBar").kendoLinearGauge({

pointer: {

value: 0,

color: "black",

start: 0

},

scale: {

majorUnit: 20,

minorUnit: 2,

min: -120,

max: 120,

vertical: true,

reverse: true,

ranges: [

{

from: -120,

to: -30,

color: "#ffc700"

},

{

from: 120,

to: 30,

color: "#ffc700"

}

]

}

});

}

$(document).ready(function() {

createSpeedGauge();

});

</script>

I've attached an image of how it's setup (the gauge in question on the right side). If this was setup the way I wanted, this gauge would've read -120 from this picture. Hopefully, I've expressed myself clearly :)

LinearGauge

answered on 25 Jul 2013

2 answers

480 views

[Solved] How do I make area chart series fill color solid, instead of the default semi-transparent?

See this fiddle: http://jsfiddle.net/ningencat/NnpEh/

If you enable/disable the "stack" option, you'll see that the series fill color is semi-transparent. How do I make it a solid color?

Thanks,
Kate

Charts

answered on 25 Jul 2013

3 answers

1.5K+ views

Refresh treeview

Hi,
I load a complex treeview via ajax because I need to load the tree with one request (works fine):

$(document).ready(function() {
   buildTree();
});

function buildTree(){
   $.getJSON("admin_get_treedata.php", function (data) {
       $("#treeview").kendoTreeView({
           select: function(item) { editTreeElement(item,'tree'); },
           dataSource: data
       });
   })
}

If I try to reload the complete tree after changing some data via ajax the new build tree does not work correct and does not update the text.

       $.ajax({
           type: 'POST',
           url: 'ajax/ajax_update_layer.php',
           data: {
               layerid:id,
                ...
           },
           success: function(data){
                          buildTree();
                   }
           });

What can Ido?
Thanks
Sven

TreeView

answered on 25 Jul 2013

5 answers

294 views

Weird Range Slider Behavior in Chrome

I am working on a mobile app utilizing PhoneGap and it works wonderfully on my test iPhone, but not so well on Android phones. Since I can't just ignore the Android version, I need to make it run there. I was figuring I would just not use the range input, but then I noticed that it wasn't working on Chrome either. When you try to use it, it gets "sticky".

Here is a fiddle: http://jsfiddle.net/mUz8g/

I have distilled my code down to this

<div data-role="view" id="first" >

<ul data-role="listview" data-style="inset">

<li><input min="0" max="10" step="1" type="range" id="input1" /></li>

</ul>

</div>

app = new kendo.mobile.Application(document.body, {

transition: "fade",

initial:'#first',

loading: "<h1>Please wait...</h1>"

});

Any ideas on what I am doing wrong? Thank you.

ListView (Mobile)

answered on 25 Jul 2013

11 answers

268 views

Evaluation Kendo based on a trivial and common use case.

Greetings !
We only have until early next monday to decide which JavaScript UI framework we'll be using for our next major development project.
To evaluate Kendo, i need a simple prototype CRUD interface handling 3 tables with "OneToMany" relations. (See attached mysql file.)

A "Drivers" table with a time field and two foreign keys. One to the "manufacturer" table and another one to the car's "model" table.
Of course, the model table also has a foreign key to the manufacturer table as Toyota doesn't sell F150 !
The Grid we must create for this prototype must match the following image. (Note that the manuf and model columns are of type DropDown.)

Business Rules:

The model DropDown list must only offer models based on the selected item in the manufacturer DropDown cell.
Any changes made by the user to the manufacturer cell must remove the item in the following model cell.
Deselecting the row causes an update request to the PHP server.

Note that i am currently trying to implement this without the PHP Wrapper.
Any help would be welcome !

Grid

answered on 25 Jul 2013

4 answers

325 views

Adding events runtime into calendar

hello,
I want to add events into calendar control, and that dated are saved into database. how I add dates into events variable?

Calendar

answered on 25 Jul 2013

1 answer

236 views

Adding content to drawers

$("#splitter").kendoSplitter({
panes: [
{ contentUrl: 'http://myhouse.com/index.aspx' }
]
});

I use this statement to populate a panel of my splitter. Is there a way to populate a specific drawer in the same manner?

$("#drawer").kendoDrawer({
panes: [
{ contentUrl: 'http://myhouse.com/index.aspx' }
]
});

Drawer (Mobile)

answered on 25 Jul 2013