Questions on Kendo UI for jQuery Forum

1 answer

166 views

Differentiate editable and non -editable grid columns in kendo grid

I am using MCV4 razar for UI development in which I have included Kendo Grid. What I require is to differentiate editable and non -editable grid columns in kendo grid
or want editable feilds to be displayed as a textbox so that the users can understand that it is editable specially when it is a kendo dropdown or kendo datepicker on the databound itself, not on user click or something.

Grid

answered on 25 Feb 2014

1 answer

143 views

Irritating issue with mobile safari ipad/iphone

safari cannot open page because the address is invalid. I get this every time the page loads. this is a simple spa using the kendo Mobile ui and kendo observable objects. android is working fine. When the popup occurs I say ok and the webpage works as expected. If you reload the page then blam popup again.

What the hell is going on? this is a valid url and works fine on other browsers

Thanks in advance and Regards,
jimm

General Discussions

answered on 25 Feb 2014

2 answers

75 views

Passing parameters back to the server so that a READ will get an altered data set

For example - a grid
    @(Html.Kendo().Grid<CustomerModel>()
          .Name("ExampleGrid")
          .Pageable()
          .Sortable()
          .Groupable()
          .Resizable(resize => resize.Columns(true))
          .Reorderable(reorder => reorder.Columns(true))
          .Columns(columns =>
              {
                  columns.Bound(c => c.Name);
                  columns.Bound(c => c.System).Width(190);
                  columns.Bound(c => c.Principal).Width(190);
              })
          .DataSource(s => s
              .Ajax().Read(r => r.Action("GetContacts", "Example"))
              .PageSize(15))
          )

is filled with data and then you want to - from the client JS - call READ so that the data is refreshed, but you want to send some parameters to the controller.

I've searched the web and and the best I can find is:
        var $grid = $("#ExampleGrid").data("kendoGrid");
        $grid.dataSource.read.data = viewModel;
        $grid.dataSource.read();

but, even though data is set to the correct object, the object is never sent to the server (confirmed by IE F12 Developer tools Network sniffer)

So, how do you send data back to the server when you tell the grid to read?

Grid

answered on 25 Feb 2014

2 answers

164 views

Resources with Guid as ID Issue

As anybody run into a problem using a resource with a Guid as an ID. Tired following and it just doesn't work. No updates or inserts are saved.

.Resources(resource =>
{
resource.Add(m => m.ID)
.Title("Teacher")

.DataTextField("Text")
.DataValueField("Value")
.DataColorField("Color")
.BindTo(new[] {
new { Text = "Alex", Value = "6F727774-330A-8504-EF07-04B9FBA7FFBF", Color = "#f8a398" } ,
new { Text = "Bob", Value = "0C47060A-6C5F-4E84-77B1-129F0AD3EFCE", Color = "#51a0ed" } ,
new { Text = "Charlie", Value = "08254AAF-373D-EC35-167C-28EE79B01F53", Color = "#56ca85" }
});
})

Scheduler

answered on 25 Feb 2014

2 answers

490 views

Gradient within area charts

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

298 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

365 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

127 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

91 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

137 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