Questions on Kendo UI for jQuery Forum

1 answer

109 views

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

168 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

249 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

476 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

291 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

265 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

324 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

234 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

4 answers

229 views

Kendo Grid Heirarchy using Server Binding for ASP.NET

Our team is currently investigating the Kendo UI to possibly implement it with our projects. Today I started investigating about creating hierarchical grids with Kendo UI and I have observed that arrow buttons for the hierarchy grid are shown only when this is included in the html helper:

.DataSource(dataSource => dataSource
.Ajax()
)

I want to use Server data binding instead of Ajax binding but whenever I omit the preceding code in my helper, the buttons for hierarchy don't show up.

Is it possible to have grid hierarchy through server binding?
Kindly attach a simple demo with your reply. Thanks!

Grid

answered on 25 Jul 2013