Questions on Kendo UI for jQuery Forum

1 answer

266 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

836 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

579 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

135 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

149 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

1 answer

392 views

Resizing the gauge for responsive websites

Is there any way we can resize the gauge with css media queries for our responsive websites?

LinearGauge

answered on 12 Feb 2014

5 answers

225 views

[Solved] List View Filter Not Working on IPad

I've implemented a list view that works great on the Device Simulator and Work Great on All Android devices and Iphones. But when I'm testing it on an Ipad it's broken.

So when I click in the search box the keyboard shifts the window up and the user can't type in the search box. Is there a fix for this?

Here is the HTML for my List View:


<div id="best-in-klas-vendors-view"
data-role="view"
data-layout="drawer-layout"
data-model="klas.bestInKlasVendorsViewModel"
data-show="klas.bestInKlasVendorsViewModel.getVendors"
data-title="Vendors">
<ul id="vendors-list-view"></ul>
</div>

My script for initializing the Kendo Mobile List View:

$vendorsListView.kendoMobileListView({
template: $('#best-in-klas-vendors-template').text(),
dataSource: new kendo.data.DataSource({
type: 'json',
transport: {
read: vendorsUrl
}
}),
filterable: {
field: 'SearchField',
operator: 'contains'
},
click: function (e) {
..
}
});

ListView (Mobile)

answered on 12 Feb 2014

3 answers

505 views

[Solved] Client side Min Aggregate shows null instead of 0

Hi,

I have a field with all values as null.
The resulting aggregates as calculated by the datasource client side and returned by calling aggregates() shows 0 for average, max and sum, but for min it returns null.

Is this a bug as my expectation is that if max, average and sum all default to 0 for when all null values then min should too?

Thanks
Euan

Data Source

answered on 12 Feb 2014

1 answer

187 views

Issues with RecurrenceEditorFor

Hello,

I've been trying to implement a Recurrence Editor without using the scheduler control.

1. Is it possible to map the recurrence editor with a Model to fill the properties and parse to an recurrence rule on the server?

Is there also any documentation for working with this control without using the Scheduler?

Scheduler

answered on 12 Feb 2014