Questions on Kendo UI for jQuery Forum

1 answer

100 views

Hello everyone,

I am currently developing an app with ICENIUM (jquery). I need to know if is possible to retrieve data from a pre populated sqlite database, and the way to do that.

Best regards.

Ivan.

Application

answered on 13 Feb 2014

1 answer

128 views

Hide tootlip for specific data

Hello
I would like to ask if there is possibility to hide tooltip for specific data. I have data value in series that I don't want t show tooltip, other values should have tooltip. Is such thing posisble?

Regards
Marcin

Charts

answered on 13 Feb 2014

1 answer

340 views

Show categoryAxis dates in different time zone

I have a graph which is show solar irradiance vs. time (hour); users can select the location for which they want to see the graph. The category axis renders the times in local time (for me, that's CST).

How can I change the day/time displayed on the category axis to match the time zone where the data belongs (such as GMT, CET, etcetera).

Thanks.

Charts

answered on 13 Feb 2014

3 answers

88 views

Barcode in a mobile app

Hello,

Can I display a barcode (Kendo UI DataViz) in a mobile application (Kendo UI Mobile)?

Libor

General Discussions

answered on 13 Feb 2014

1 answer

126 views

Large listview performance and data-view events

Hi,
I have a big listview which is getting data from a local JSON (around 900 records).

To be able to show all those records, i group them by first letter (A, B, C), so the user doesnt see so many records at once.

so, in data-show="app.mylistview.showData"
i do
showData: function (e) {

var filters = {
field: "Name",
operator: "startswith"
};
filters.value = "A";
this.model.ataDataSource.filter(filters);
}

And then the user select A, B, C.. etc.

OK, the think is that on device (in simulation works fine) it takes 2-3 seconds to render again the view if i come back the this listview.
is there no cache? is it data-show event that is ordering again the json array?

thanks

General Discussions

answered on 13 Feb 2014

5 answers

290 views

Showing/hiding series on stacked and grouped bar chart fails for last series of group

Hello,

I encountered an error on a stacked and grouped bar chart like the one shown in this demo: demo

If you show the according legend with all 10 series items and hide all of one group thge remaining stacked bars will get wider.
Next step is to hide top 4 bars of remaining group et voilá, the last bar becomes thin as if there was a second group.

Think this is a bug.

Ciao
Dirk

Charts

answered on 13 Feb 2014

1 answer

243 views

ASP. Net MVC 5 Kendo UI user account with Facebook, Google, OpenID ...

Hello.

How I can create an ASP.NET MVC 5 application with user account or the user can access your Facebook, Google OAuth2 and OpenID Sign-on, etc.. Kendo UI using?

General Discussions

answered on 13 Feb 2014

1 answer

806 views

I want to create a grid, but conditionally display a checkbox in some rows

Hey,

I am trying to use the framework but am having difficulties. Im using the below code to populate the grid (like in the example, http://demos.telerik.com/kendo-ui/web/grid/index.html).

When I try to implement this code using a template to add a checkbox, it breaks. How do i achieve this?

<script>

$(document).ready(function () {

$("#grid").kendoGrid({

dataSource: {

type: "odata",

transport: {

read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"

},

pageSize: 10

},

groupable: true,

sortable: true,

pageable: {

refresh: true,

pageSizes: true,

buttonCount: 5

},

columns: [{

field: "ContactName",

title: "Contact Name",

width: 140,

template: "#= checkbox(ContactTitle)"

}, {

field: "ContactTitle",

title: "Contact Title",

width: 190

}, {

field: "CompanyName",

title: "Company Name"

}, {

field: "Country",

width: 110

}]

});

function checkbox(contactTitle) {

if (contactTitle.length > 0) {

return '<input type="checkbox" value="' + contactTitle + '" checked="checked" />';

} else {

return '<input type="checkbox" value="' + contactTitle + '" />';

}

</script>

<div id="grid" style="height: 380px" ></div>

Grid

answered on 13 Feb 2014

4 answers

1.1K+ views

Change format and decimals at runtime

Hi,

I am building an app with a grid, where numeric-textboxes are used as edit-controls when someone edits the numbers in the grid.

I implemented that the numeric textbox in one row cannot have a value greater than the row before, i.e. when the grid creates the edit-control I changed the minx/max etc. of the numeric textbox.

The only thing I cannot change so far is the format and the decimals. Can I somehow also change that dynamically? The problem is I do not know the format/decimals when loading the page...

Thanks in advance,
Volker

NumericTextBox

answered on 12 Feb 2014

5 answers

543 views

Stack Bar Chart

Hello, I want to make a Stacked Bar/Column Chart in ASP MVC.
I can't reproduce the example: http://demos.kendoui.com/dataviz/bar-charts/grouped-stacked-bar.html with Binding.
Then I modified the example in: http://demos.kendoui.com/dataviz/bar-charts/grouped-data.html adding Stack(true) in the series definition.

@model IEnumerable<SampleProject.GraphValueModel>

@(Html.Kendo().Chart(Model)

.Name("chart")

.Title(title => title.Position(ChartTitlePosition.Top).Text("Some Customers"))

.DataSource(dataSource => dataSource

.Read(read => read.Action("ChartForAnything", "Home"))

.Group(group => group.Add(model => model.ColumnOrGroupName))

.Sort(sort => sort.Add(model => model.AxisXValue).Ascending())

)

.Series(series => {

series.Column(model => model.IndexValue, model => model.Color)

.Name("close")

.GroupNameTemplate("#= group.value #").Stack(true).Labels(label => { label.Position(ChartBarLabelsPosition.Center).Visible(true).Background("Transparent").Format("p1").Color("#FFFFFF"); });

})

.Legend(legend => legend

.Position(ChartLegendPosition.Top)

)

.ValueAxis(axis => axis.Numeric()

.Labels(labels => labels.Format("p2").Skip(1))

.Axis.Max = 1.0f)

.CategoryAxis(axis => axis

.Categories(model => model.AxisXValue)

.Labels(labels => labels.Format("MMM"))

))

The model is:

public class GraphValueModel

{

public DateTime AxisXValue { get; set; }

public string SerieName { get; set; }

public object IndexValue { get; set; }

public string Color { get; set; }

public string ColumnOrGroupName { get; set; }

}

Everything is working, but that is the correct approach?

I have a issue with the color of the Legend Item, maybe because the Item is a Group.

The result is:
http://s8.postimage.org/4udwdfixh/Legend_Item_Color.png

Charts

answered on 12 Feb 2014