Questions on Kendo UI for jQuery Forum

1 answer

110 views

Hey team at Telerik,

Just letting you know that in the Kendo UI that I downloaded with my Telerik Professional pack the DropDownList demo always says in the message box it is a size small cap regardless of what the drop down says.

The other is the TabStrip demo. Sydney (Australia) is the correct spelling - not Sidney.

Small things but thought I should let you know.

Regards,
Rob Francis

General Discussions

answered on 19 Dec 2011

1 answer

544 views

menu z-index

I read similar issue with window as well.

As a general rule, any thing that pops up dynamically (menu, dropdown, auto complete) should have z-index set such a way that it can be seen above all other items currently in the display.

For example, I created menu in one Splitter Pane and showing the target in another Pane (you can question why would I need that - and there can be better way around) - but the menu was hidden within its own frame and did not show up. I have tried the same thing in ASP Rad Control and had got it working.

Menu

answered on 19 Dec 2011

1 answer

109 views

White text calendar header titles on colored background

I'm trying to style the Month text in the calendar component in the header to add a colored background with white text. However, it seems that all the links are tied to the k-link css style, so changing the text color also changes the color of the days in the calendar as well, which are also on a white background. I've attempted to add my own style, but it breaks the header, or goes totally ignored. Please advise as to the steps needed to separate the header style from the overall link style in the component,

Thanks

M

Calendar

answered on 19 Dec 2011

1 answer

99 views

Layout problem while putting Grid under a TapStrip.

Hi,all..I put a Grid under the TabStrip.The TabStrip is generated before the Gird and then the Grid is generated dynamically by script(by clicking a button), I got the following problem:
If the Tab is active when generating the Grid then everything works fine.
http://dexterlab.sinaapp.com/tab3.png
but if the target Tab is not active when inserting the grid, the grid's height seems not right, it will overflow in the Tab..Even if I specify the height attribute of Grid.
http://dexterlab.sinaapp.com/tab1.png
http://dexterlab.sinaapp.com/tab2.png
I think there is something wrong with the height calculation of grid under this situation.How to fix it? Thanks!

General Discussions

answered on 19 Dec 2011

4 answers

368 views

[Solved] Window z-index behaviour issues

Hi guys,

I'm having a problem with the z-indexing on some combo box controls that are placed in the div of a window control. Basically, the combo box appears okay in the window, but if you click the combo box and try and make a selection, the k-animation-container always appears around z-index 10002 or 10003, which is always under the window control.

Or am i doing it wrong?

Tony

Window

answered on 19 Dec 2011

1 answer

208 views

How to fire Upload in a form submit and pass HttpPostedFileBase to server-side?

How can I implement firing upload while clicking submit as below code?

@using (Ajax.BeginForm("Upload", null, null, null }))

{

<input id="Uploaded" name="Uploaded" type="file" />

<input type="submit" class="buttonPro k-upload-selected" value="Add" />

}

for server-side, code is :

[HttpPost]

public Boolean Upload(HttpPostedFileBase Uploaded)

{

...

}

Upload

answered on 19 Dec 2011

1 answer

187 views

Problem binding json to grid

I have a simple grid set however my grid does not display any data anyone know have any clues
$(document).ready(function () {

        $("#grid").kendoGrid({
            columns: [{ title: "Number", field: "Number" },
                    { title: "Title", field: "Title" }
                ],
            dataSource: {
                dataType: "json",
                transport: {
                    read: "/Accreditation/Requirement/GetRequirements"
                }
            }


        });

    });

here is my json object display coming from my action method
JSON

Sort by key


	Id	0
	Number	"1"
	Title	"test"

Grid

answered on 19 Dec 2011

0 answers

141 views

Prevent SilderChange event on RangeSlider Initialization

Hello,

I want to ajax post to a url when I change the slider value. But it posts every-time when I initialize the slider. For example :

$("#abc").kendoRangeSlider({

.......................................
change:changeFunction

});

I want to call the changeFunction only when I am changing the slider values. NOT while I initialize the slider itself. The reason is that I need to ajax different URLs while initialize and change values.

Please help me how can I get around it ?
Thanks.

Slider

asked on 19 Dec 2011

2 answers

213 views

Second time fails

Problem 1:
I think it's the way I have it setup, it shouldn't be initialized EVERY time...but I'm just not sure how to re-call the DS with the proper values. The problem is the error event KEEPs getting triggered even though it appears as if it works.
Video:http://screencast.com/t/xopirauz0W

Ok, so if I have the error event in there, it just hits it immediatly, if I remove the error event it WORKS the first time, then fails the second time.

function calculateResult() {

var result = 0.0;

var quantity = _quantityBox.value();

var fromList = $("#from-select").data("kendoDropDownList");

var toList = $("#to-select").data("kendoDropDownList");

var toDataItem = getWeightDataItem(toList.value());

//Calculate Result

$("#result").html("Calculating Result...one moment please");

var conversionDS = new kendo.data.DataSource({

transport: {

read: {

url: _oDataBasePath + "/USDA.svc/ConvertData?$format=json&$callback=callback&ndbno=" + toDataItem.NDB_No + "&seq=" + toDataItem.Seq + "&qty='" + quantity + "'&from='" + fromList.text() + "'&fromID=" + fromList.value() + "&to='" + toList.text() + "'&toID=" + toList.value(),

dataType: 'jsonp',

cache: false,

jsonp: false,

jsonpCallback: 'callback'

}

},

change: function () {

alert("works!");

var convertedData = this.data().d[0];

$("#result").html(convertedData);

}

}).read();

Live URL: http://dev.gourmetsleuth.com/calc.aspx

Problem 2:
So I tried seperating it out to the "data" property to see if that changed anything. However the data property is encoding variables on me
So given this:

data: {

$format : "json",

$callback: "callback",

ndbno: toDataItem.NDB_No,

seq: toDataItem.Seq,

qty: quantity,

from: "'" + fromList.text() + "'",

fromID: fromList.value(),

to: "'" + toList.text() + "'",

toID: toList.value()

},

the $format and $callback get changed to %24format which obviously fails....so no big deal, if I add them to the transport->read->url then it's smart enough to append the other data items without the duplicate question mark (great!)

However the oData\WCF service fails if I don't wrap my string variables in single quotes....but when I DO that in the above case it again encodes it, and fails :/

Data Source

answered on 18 Dec 2011

3 answers

169 views

[Solved] Tooltip template and serie's name

Hi,

I would like to customize tooltip for a line chart using templates. I need a serie's name and value but can't get it to work (I can only get category name).

I would appreciate help on this.

Thanks,

Igor

Charts

answered on 18 Dec 2011