Questions on Kendo UI for jQuery Forum

2 answers

506 views

Hi,

Here is attached the area line I must design. I've been able to add the top solid line without any issue, however I struggle to add the subtle gradient as a filler. Is this possible?

Thanks

Charts

answered on 25 Feb 2014

3 answers

309 views

Grid Popup Edit Window

Hi,
using KendoUI Web with the Kendogrid control, i need to center the editform in popup edit mode. I am able only change the title, the witdh.
How can i do it ?
Moreover i've seen that when i change the width of the popup, the inside container does't span the new popup area size, because a css class k-edit-form-container is alaways applied with a fix width of 400px. How can i fix it ?

Grid

answered on 25 Feb 2014

1 answer

391 views

Setting Series label backgorund color same as series color

Hi,

We are trying to create the Pie chart:

I have few queries about it:

1) We want to set Series Label background color
same as series color. Is it possible with Kendo Chart?

2) I want to set the Series Label text from the
value of one of the Property ( say LabelText) of data which I am binding to chart.
Is it possible? How can I do that?

3) Change the color of line joining the series and series
label, same as that of series color

Please see the sample chart which we are drawing
in Silverlight using Telerik Radchart.

Regards,
Prashant gham

Charts

answered on 25 Feb 2014

1 answer

135 views

Kendo grid row unseleced during ajax refresh

Hi I am using Kendo Grid with autorefresh each 5 seconds, The problem is that after refresh when table is rebuild, selection of the row is lost and restoration is visible, what I mean is I can see blinking of selection during data update.In telerik extension there was an event OnRowDataBinding wich was triggerd after each row data binding and we could restore selection very nice, but here is only event DataBound and Kendo says to loop throu all items but because of that selection restoration is very visible and it looks terrible. What I could do ?function onParkedOrderGridDataBound(e) {

var data = this.dataSource.view();
var dataItem = data[0];
var tr = $parkedOrderGrid.find("[data-uid='" + dataItem.uid + "']");
AcceleratorDealingUiKendoGridCheckBoxSelector.MarkRowAsSelected(tr, true);
var $row = $(tr);
$row.addClass("k-state-selected");
}

Grid

answered on 25 Feb 2014

3 answers

96 views

pinned listview pushed up by keyboard

I have a simple mobile form using listview that works fine in safari. When pinning the app to the home screen the listview is pushed up by the keyboard and you cannot get to the input fields.

I have installed 2013.3.1414.

Thanks,
Richard

General Discussions

answered on 25 Feb 2014

2 answers

142 views

[Solved] Title overwriting Back button

For the navbar if the title is very long it goes over the top of the back button shown on the left. How would I go about padding the title so that it wordwraps rather than going over the back button?

I've tried some style settings with out any success.

<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>

Thanks
Keith Avery

NavBar

answered on 25 Feb 2014

1 answer

807 views

How To Add a New Item at the Bottom/End of a List?

I am attempting to use a ListView to create a simple discussion board style capability. So far, so good except for one nagging problem. I can't figure out how to get a new item to appear in edit mode at the bottom/end of the list. The documentation says that .add() adds the item as the first item. I've found some reference to using the data source to add an item at the end, but even if I do that it still seems to add at the top and doesn't go into edit mode anyway.

Is there any way to accomplish this?

ListView

answered on 25 Feb 2014

1 answer

118 views

Automatic fade out of categories

Hello,

I want to use a DataViz Chart (line chart or area chart) to display chronological data. It is necessary that the category axis covers a month from the beginning to the end. The baseUnit property will be set to "days".

The current month causes a problem: My application does not calculate any values in advance. Therefore, the chart hides all categories for dates in the future.

Is it possible to avoid this adjustment?

Charts

answered on 25 Feb 2014

1 answer

1.0K+ views

Kendo UI - DataSource works when using fetch(), but not read()

I have a Kendo UI DataSource that works when I use fetch(), but when I use the exact same configurtation with read() it fails. This is a problem as I need to retrieve data more than once and I can't do that with fetch().

Here is the DataSource code -

var FieldsDataSource = new kendo.data.DataSource({

transport: {

read: {

url: "../WebServiceAddress",

dataType: "json",

type: "POST",

contentType: 'application/json; charset=utf-8',

cache: false

},

parameterMap: function() {

return "{some mapping that has been confirmed to work}";

},

schema: {

data: function (data) {

if (data && data.d) {

//execution gets to here and stops

return data.d;

}

else {

return [];

}

},

}

});

Here is the code that calls the DataSource.read() function - function loadFields() {

FieldsDataSource.read(function() {

var data = this.data();

if (data.length > 0) {

for (var i = 0; i < data.length; i++) {

var dataitem = data[i].Key;

$("#" + dataitem + "_field").prop("checked", data[i].Value);

}

});

}

If I change "FieldsDataSource.read(function()" to "FieldsDataSource.fetch(function()" everything works, but that doesn't make sense as I was under the impressionthat read and fetch do the same thing the difference being fetch only gets data once.

What I do know is that the data is being returned from the server, I can see it in fiddler - but the execution stops in the schema section where I flagged it in my code sample.

Apologies if I am asking a really obvious question, but I'm very new to Kendo.

Data Source

answered on 25 Feb 2014

2 answers

124 views

graphic issue on create transport

Hi guys,
I'm working with a kendo mvc grid
here it is

@(Html.Kendo().Grid<Entity>(Model)

.Name("valueGrid")

.ToolBar(commands => commands.Create())

.Columns(columns =>

{

columns.Bound(c => c.DOMAINID);

columns.Bound(c => c.CODE);

columns.Bound(c => c.VALUE);

columns.Command(command => { command.Edit(); command.Destroy(); });

})

.Sortable()

.Scrollable()

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

.Model(m => m.Id(v => v.DOMAINID))

.Update(update => update.Action("UpdateValue", "DomainValue"))

.Create(create => create.Action("CreateValue", "DomainValue"))

.Destroy(delete => delete.Action("DeleteValue", "DomainValue"))

)

and that's my controller

[AcceptVerbs(HttpVerbs.Post)]

public ActionResult CreateValue([DataSourceRequest] DataSourceRequest request, Value domValue)

{

if (ModelState.IsValid)

{

db.Values.Add(domValue);

db.SaveChanges();

}

DataSourceResult result = db.Values.Where(v => v.DOMAINID == domValue.DOMAINID).ToDataSourceResult(request, ModelState);

return Json(result);

}

The whole operation works fine, the only issue is that the grid display wrong values...

ex

grid with values (id: 5, name: test, value: test)

if I add a new object (6, trial, trial); the new object is correctly added to the database but the new object appears with the same values as the first one in grid (in this case with 5, test, test...

I attached 2 screenshots to better explain my issue.

Thanks
Fabio

Grid

answered on 25 Feb 2014