Questions on Kendo UI for jQuery Forum

2 answers

174 views

[Solved] messages.deleteConfirm missing?

Hi,

How can I set the localized text for the body of the delete confirm dialog? Now it shows "Are you sure you want to delete this event?" It seems to be hardcoded in the kendo.scheduler.js DELETECONFIRM = "Are you sure you want to delete this event?"

Kind Regards,

Marco

Scheduler

answered on 05 Mar 2014

1 answer

4.8K+ views

Automatic width and height on window.

It seems like on the page

http://docs.telerik.com/kendo-ui/api/web/window

the help section for the property width and height fails to tell how to setup a window to automatically resize to fit the contents.

How can that be done?

Window

answered on 05 Mar 2014

1 answer

79 views

Bolding Bug in Inline Editor

Using an inline editor in IE9, reproduce using the following steps:

1. Enter text into an empty inline editor
2. Bold the text
3. Move the focus to another input element by clicking into that element
4. Observe that the bold formatting disappears visually, though the Editor control indicates bold formatting is applied
5. If you have set up a means of saving the content, e.g. to localStorage, note that on page reload, the content displays with bold formatting

Further note that this behavior is intermittent. Sometimes we have observed that the bold formatting is never applied. Other times, the formatting works just fine, though changing focus generally causes the bold formatting to disappear.

Editor

answered on 05 Mar 2014

1 answer

216 views

Kendo Grid arrow paging is not working properly after adding new record, while number paging is working properly

Grid

answered on 05 Mar 2014

1 answer

478 views

Is it possible to resize the chart when printing?

Hi,

I'am evaluating hte DataViz graph and have troubles when printing the graph. Tried with the example: ../kendo/examples/dataviz/bar-charts/column.html
If I print this chart the 2 last months are truncated/not visible on the print (Google Chrome, printing with Ctrl+P)

General Discussions

answered on 05 Mar 2014

7 answers

764 views

[Solved] kendo.web.min.js and kendo.dataviz.min.js conflicts in pageable Grid.

Hi,
The problem occurs when I add the <script src="../../../js/kendo.dataviz.min.js"></script> to the \examples\web\grid\index.html example. Then I refresh the IE window, a JS error "Microsoft JScript runtime error: Object doesn't support this action" occurs. If I change the "pagable:true" in the \examples\web\grid\index.html to "pagable:false", the JS error disappears. You can see the details in the attached image.
I have no idea why this happens. Can you give me a solution to fix it?

Any clue and suggestion is appreciated. thank you.

Grid

answered on 05 Mar 2014

4 answers

296 views

GeoJSON MultiPoint Not Displaying

I can not seem to get a GeoJSON layer with MultiPoint data to display. My map code looks like this (using the ASP.NET MVC wrapper):

@(Html.Kendo().Map()

.Name("map")

.Center(39.50, -98.35)

.Zoom(3)

.Layers(x =>

{

x.Add().Type(MapLayerType.Tile).UrlTemplateId("http://tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png");

x.Add().Type(MapLayerType.Shape)

.Style(y => y.Fill(z => z.Color("#000000").Opacity(1)))

.DataSource(y => y.GeoJson().Read(z => z.Action(MVC.MyController.Map())));

})

.Events(events => events

.ShapeCreated("onShapeCreated")

)

<script>

function onShapeCreated(e) {

alert('shape!');

}

</script>

My action code looks like (using JSON.NET Linq):

public virtual ActionResult Map()

{

List<Tuple<double, double>> coordinates = new List<Tuple<double,double>>(){

new Tuple<double, double>(39.50, -98.35),

new Tuple<double, double>(30.268107, -97.744821)

};

JObject featureCollection = new JObject(

new JProperty("type", "FeatureCollection"),

new JProperty("features", new JArray(

new JObject(

new JProperty("type", "Feature"),

new JProperty("properties", new JObject()),

new JProperty("geometry", new JObject(

new JProperty("type", "MultiPoint"),

new JProperty("coordinates", coordinates.Select(c => new JArray(c.Item1, c.Item2)).ToArray())

))

)

))

);

ContentResult result = new ContentResult();

result.Content = featureCollection.ToString();

result.ContentType = "application/json";

return result;

}

I have verified that the action gets called and that it generates the following GeoJSON file:

{

"type": "FeatureCollection",

"features": [

{

"type": "Feature",

"properties": {},

"geometry": {

"type": "MultiPoint",

"coordinates": [

[

39.5,

-98.35

],

[

30.268107,

-97.744821

]

}

]

}

None of the points are shown on the map. The alert in onShapeCreated also doesn't get called, which makes me think there's something wrong with the GeoJSON - but it looks good to me based on the specification. What am I missing?

Thanks,

Dave

Map

answered on 05 Mar 2014

1 answer

518 views

Get changed / Updated value of drop down in the grid

I want to get the updated / changed value of the drop down, when user change it while editing in console.log.

<script>

$(document).ready(function () {

$("#grid").kendoGrid({

dataSource: {

data: itemData(50),

pageSize: 12,

change: function(e) {

var item = e.items[0];

console.log(item.get("gridActionPlan.gridActionPlanID"));

}

},

height: 475,

groupable: true,

navigatable: true,

sortable: true,

filterable: true,

resizable: true,

columnMenu: true,

pageable: true,

toolbar: ["save", "cancel"],

columns: [

{ field: "gridActionPlanID", values: actionPlanValues, title: "Action Plan", width: 200 },

{ field: "gridNewRetailSP", title: "New Retail SP", width: 120 },

{ field: "gridPercentEffectedStock", title: "% of Effected Stock", width: 150 },

{ field: "gridSales", title: "Sales", width: 150 },

{ field: "gridNetImpact", title: "Net Impact", width: 150 }],

editable: true

});

function itemData(count) {

var data = [];

for (var i = 0; i < count; i++) {

data.push({

gridActionPlanID : 0,

gridActionPlan : {

gridActionPlanID : 0,

gridActionPlanName : "[Select Action Plan]"

},

gridNewRetailSP : 0,

gridPercentEffectedStock : 0,

gridSales : 0,

gridNetImpact : 0

});

}

return data;

}

var actionPlanValues = [{

"value": 0,

"text": "[Select Action Plan]"

},{

"value": 1,

"text": "SP Adjustment / Display"

},{

"value": 2,

"text": "Clearances"

},{

"value": 3,

"text": "Return to Supplier"

},{

"value": 4,

"text": "Inter-Store Transfer"

},{

"value": 5,

"text": "Seasonal Import or Local"

},{

"value": 6,

"text": "Bar Code Problem"

},{

"value": 7,

"text": "Waste"

},{

"value": 8,

"text": "Stock Problem"

},{

"value": 9,

"text": "Display Piece"

},{

"value": 10,

"text": "Color / Size / Range"

}];

</script>

Grid

answered on 05 Mar 2014

3 answers

613 views

Series Label Template

I'm trying to apply a template to the chart serias label... Currently when I chose to make the series lable visible it displays the value exactly as saved in the database. For instance if the value in the database is 0.621 then the value at the top of the column displays 0.621; however, on the tooltips I have added formatting that works and in this case I've asked the tooltip to round to two decimal places so in the tooltip it displays: 0.62 and the value 0.663 would round to 0.67. I want to be able to apply the same format to the label on the series... hopefully the code below makes sense.. I can dummy it up without the model references if necessary... by the way the "thetemplateformat" is just a variable on the view... It works correctly for the tooltip but has no apparent affect on the series... Thanks..

series.Column(s => s.rate1_1).Name(Model.Rate01Lbl).Color(Model.Rate01Clr).Labels(l => l.Visible(Model.ShowChartValue_yn).Template(thetemplateformat));

Charts

answered on 04 Mar 2014

1 answer

86 views

What is your guide line for responsive image in list view?

Hi,

We would like to do Instagram-like interface and have problem incorporating images with Listview. We found out that ListView doesn't displayed correctly if we do not specify height of the image. However, we cannot set image height for every devices. Please advice.

ListView (Mobile)

answered on 04 Mar 2014