Questions on Kendo UI for jQuery Forum

1 answer

104 views

When update page my tab are not disply,when click on tab then show tab,why?

Hi,

I have a 1 page with save and update button. in that page i have put a
Kendo Tab Strip Control. Now when 1st time page load bydefault 1st tab
is load.

but when i am on tab index 4 and 5 and i click on button save or update
my page load again and on that time all tab are shown but no one is
selected(no content show), when i click on any tab it's content show,
why? is there any wrong?

2nd thing , when i am on 3rd tab and click save or update on that time
same happend but all tabs from 3 tab are selected but content are not
show, why?

3rd thing if i click on save or update from 1 and 2 tab it's working fine.

note that in 1-2 tab there is just model fields like input elements and
in 3,4,5 tab there is grid and treeview controll, is this controll do
something wrong?

Regards,

vinit

TabStrip

answered on 30 May 2014

1 answer

118 views

[Solved] Donut series opacity, locally bound data

Hi,

Is there a way to set the opacity for specific series in a donut chart when it is bound to local data?

The array of data is created with opacity values set such that one is at opacity 1 and all others are at 0.3 (to show that one of the donut slices is selected). But, I can't get this to work.

Thanks.

Charts

answered on 30 May 2014

9 answers

566 views

Android Switch Header and Footer

Is there an option to keep the android header and footer from switching places?

On iOS the header and footer appear as:
[ back ] Panel Title
Content
Content
[ w ] [ x ] [ y ] [ z ]

The Android theme flips them to:
[ w ] [ x ] [ y ] [ z ]
Content
Content
[ back ] Panel Title

I would like both themes to look like iOS in regards to the order of elements.

NavBar

answered on 30 May 2014

3 answers

319 views

[Solved] Menu + Splitter hides the pop ups

Hello,

Menu pop-ups are hidden,
http://i43.tinypic.com/15xmufa.png

Tried setting z-Index.

Thanks,

Jared
Chrome 15 // FF + Win7

Menu

answered on 30 May 2014

7 answers

2.1K+ views

Please Help: Grid Inline updating not working.

Hello,

I've been working with WebAPI and the latest kendoui release. I haven't been able to get my inline edits to work. I've done a lot of research (I've seen every sample and ever demo / forum link) and even debugged the source.. What happens is I can edit the inline content, but as soon as I click update, the grid row rolls back.

Here's the generic controller (sample..)

public class ProductSample

{

public string Identification { get; set; }

public string CategoryId { get; set; }

public string Name { get; set; }

public string Description { get; set; }

public string Image { get; set; }

}

public IEnumerable<ProductSample> GetAll()

{

return new List<ProductSample>()

{

new ProductSample()

{

Identification = "1",

CategoryId = "cat1",

Description = "test",

Image = "test",

Name = "Sample"

}

};

}

Here's the javascript

$(document).ready(function () {

var crudServiceBaseUrl = "http://localhost:1867/api",

dataSource = new kendo.data.DataSource({

transport: {

read: {

url: crudServiceBaseUrl + "/product",

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

dataType: "json"

},

update: {

url: crudServiceBaseUrl + "/product/",

dataType: "json",

type: "PUT"

},

destroy: {

url: function (o) {

return crudServiceBaseUrl + "/product/" + o.Identification;

},

dataType: "json",

type: "DELETE"

}

},

schema: {

model: {

id: "Identification",

fields: {

Identification: {

type: "string"

},

CategoryId: {

type: "string"

},

Name: {

type: "string"

},

Description: {

type: "string"

},

Image: {

type: "string"

}

});

var grid = $("#grid").kendoGrid({

dataSource: dataSource,

columns: [

{

field: "Identification",

title: "Identification"

},

{

field: "CategoryId",

title: "Category Id"

},

{

field: "Name",

title: "Name"

},

{

field: "Description",

title: "Description"

},

{

field: "Image",

title: "Image"

},

{

command: ["edit", "destroy"]

}],

editable: "inline"

});

Html:

<h2>Products</h2>

<div id="grid"></div>

@section Scripts {

@Scripts.Render("~/Scripts/Products.js")

}

When I click the grid to do inline editing, it displays correctly. The second I hit update, the row is reverted and the request isn't even sent to the server. I've been trying to get this to work for the past few days.. I should also note that the only CRUD operations that do work (outside of this slimmed down example) is Get and Delete..

Grid

answered on 30 May 2014

3 answers

160 views

Appearance of Tabstrip inside mobile view

Hi
The tabstrip doesn't appear correctly if it is inside a view that is initially hidden

The below shows my problem, go to where the application is created and alternate between which of the two views is the initial view.

The appearance of the tabstrip is very different in both, if it is visible on startup it appears left aligned and generally correct, if not then
it appears centered

http://trykendoui.telerik.com/Ecug

thanks

TabStrip

answered on 30 May 2014

2 answers

291 views

Sortable Panel state

How can i save the state of my panels? If i move my panels to a new location on the web page, how can i save this configuration?
Can i use localStorage? or what else can i do to achieve this.

Thank you so much.

Sortable

answered on 30 May 2014

1 answer

628 views

Button triggered on page load?

Hello, I am trying to create a button function for my HomeController, and it works, however, the script immediately triggers on page load. I dont want it to trigger on page load, but instead, when the user presses the button. any idea of how to fix this?

Here's the script snippets.

http://hastebin.com/legemenoyu.coffee

Button

answered on 30 May 2014

1 answer

364 views

Responsive Sparkline

Hello,

I wish to place a sparkline chart in the final cell of each row in a html table. When resizing the window a standard area chart resized in line with the browser/its container, however the sparkline does not resize at all. Is it possible for the sparkline to resize automatically like other dataviz objects?

The attached screenshot shows the sparkline on the left and the standard chart on the right after the browser has been resized.

Thanks.

Charts

answered on 30 May 2014

2 answers

198 views

[Solved] Can't move the map or see markers.

Hello,

I just copied the Razor MVC example "basic usage" from the demo page and I can't see the markers.
Aside of that, the map disappears when I tried to navigate with the mouse to another area (image attached).

These is the code I have used:

@(Html.Kendo().Map()
.Name("map")
.Center(30.268107, -97.744821)
.Zoom(3)
.Layers(layers =>
{
layers.Add()
.Type(MapLayerType.Tile)
.UrlTemplateId("http://tile2.opencyclemap.org/transport/#= zoom #/#= x #/#= y #.png")
.Subdomains("a", "b", "c")
.Attribution("© <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>." +
"Tiles courtesy of <a href='http://www.opencyclemap.org/'>Andy Allan</a>");
})
.Markers(markers =>
{
markers.Add()
.Location(30.268107, -97.744821)
.Shape(MapMarkersShape.PinTarget)
.Tooltip(tooltip => tooltip.Content("Austin, TX"));
})
)

Thanks.

Map

answered on 30 May 2014