Questions on Kendo UI for jQuery Forum

1 answer

345 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

95 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

133 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

307 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

256 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

817 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.2K+ 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

559 views

[Solved] 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

1 answer

123 views

Best Way to Optimize Scrollview for Different Devices?

I've been exploring the use of a scrollview on the default page of our app. I'm trying to scale the image to 100% of the device width. This can easily be done, however, the height is the hang up. Either my image gets cut off and pager is behind the image if my data-content-height="" is set too low, or the pager appears too low in the screen. There has to be an easier way to do this. I have experimented with using @media queries, but it seems to be a bit quirky and to make it perfect for every device is a very intensive task. Is there a good example of how this is done out there?

ScrollView (Mobile)

answered on 12 Feb 2014

2 answers

147 views

[Solved] Code extraction + Licensing

Hello
I have a question about code extraction and license.

I'm using MVC complete, but on server side I'm not using any wrappers. Just code related to parsing request e.g. from grid. Nothing to generate javascript.

Because of that I would like to extract code related to that part like:
DataSourceRequest,
Extension -> ToDataSourceResult

I would also like extend extensions to support async (ToDataSourceResultAsync) for entity framework 6+

I know there is behind a bit more classes and methods.

My question is if I can do that without breaking license. And if yes, is there any place I can put such extracted code to share with other licensed Kendo users.

Kind Regards
Marcin

General Discussions

answered on 12 Feb 2014