Questions on Kendo UI for jQuery Forum

5 answers

515 views

Image Browser

Hi,

is there a image browser planed to select an image to place in the editor?
The image browser data should come from an backend (via Data Source?).

Or is it possible to hook into to replace the image url window by my own component to achieve this?

Best,
André

Editor

answered on 18 Apr 2013

2 answers

238 views

kendo hierarchical grid Client template does not support @Ajax.actionLink

I have following hierarchical grid using template.
Ajax link does not work moment I add { UpdateTargetId = "mainBody" } to AJAX option.
It seems the client template doesn't like # in front of data-ajax-update [ data-ajax-update=\"#mainBody\"]

Any workaround, I tried replacing it with its unicode value but it din't worked.
Please help.

<script id="template" type="text/kendo-tmpl">
@(Html.Kendo().Grid<STAR.EPIC.Models.GNMA.LoanViewModel>()
.Name("exceptionsGrid_#=ExceptionQueueId#")
.HtmlAttributes(new { style = "width:30%;" })
.Columns(columns =>
{
columns.Bound(p => p.id).Width(100)
.ClientTemplate(@Ajax.ActionLink("\\#=id\\#", "LoanDetail", "LoanDetail",
new
{
Id = "\\#=LoanNumber\\#",
}, new AjaxOptions() { UpdateTargetId = "mainBody" }).ToHtmlString());
})
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("GetLoansForException", "LoanCollection", new { ExceptionQueueId = "#=ExceptionQueueId#", }))
).ToClientTemplate()
)

</script>

Grid

answered on 18 Apr 2013

1 answer

85 views

ThemeBuilder missing 3 widgets

Hi Guys!

I'm trying to use the Kendo online ThemeBuilder to get a look-and-feel for the Kendo Web suite of widgets under different themes but i cannot find there the MultiSelect, Tootip and ColorPicker widgets.

I believe these 3 widgets should appear there to give users a complete look-and-feel of Kendo UI Web suite of widgets.

Cheers!

General Discussions

answered on 18 Apr 2013

3 answers

326 views

Grid Multiple Row Selection

I have a Grid on a mobile app and I set to multiple row through selectable: option. I have a problem where I can not select alternating rows. Basically every other row can not be selected.

Do I have something set up wrong or if this is an issue how do I fix this?

We are getting our data through a datasource and JSON.

Thanks in advance for your help

Grid

answered on 18 Apr 2013

3 answers

271 views

Refresh Row Before Edit

I have two requirements

Before editing a record make sure no one else is editing it
Refresh the data for that record before editing

I have added a custom button instead of the standard edit that will check if anyone else is editing it and pull the new data. I go and update all the columns with the new values but my problem is if the user clicks cancel it reverts back to the old values. I have tried setting the dirty flag to false but that does not seem to have any affect.

Grid

answered on 18 Apr 2013

1 answer

111 views

Data Columns are taller than entire chart.

Hello, when I use the code below, the bars are taller than the chart. Also, the labels on the left are really small numbers? Any help?

01.jQuery(function () {

02. jQuery("#salesgraph").kendoChart({

03. "title": {"text": "Sales by Category"},

04. "legend": {"visible": true},

05. "valueAxis": [

06. {"labels":

07. {"template": "#=kendo.toString(value, 'c')#"},

08. "line": {"visible": false}

09. }

10. ], "categoryAxis": [

11. {"categories": ["Foosackly's #1", "Foosackly's #2", "Foosackly's #3", "Foosackly's #4"], "majorGridLines": {"visible": false}}

12. ], "tooltip": {"visible": true, "template": "#= series.name# = $#=kendo.toString(value, 'c')#"},

13. "seriesColors": ["#cd1533", "#B5A6F3", "#dc5c71", "#e47f8f", "#eba1ad", "#009bd7", "#26aadd", "#4db9e3", "#73c8e9", "#99d7ef"],

14. "seriesDefaults": {"type": "column"},

15. "series": [

16. {"name": "Default Category", "stack": "Sales", "data": ["20636.970000", "598.380000", "8691.860000", "751.250000"]},

17. {"name": "Box", "stack": "Sales", "data": ["57722.230000", "43723.010000", "31335.000000", "42466.370000"]},

18. {"name": "Sandwiches", "stack": "Sales", "data": ["5904.700000", "4027.600000", "3256.800000", "4352.870000"]},

19. {"name": "Salads", "stack": "Sales", "data": ["17934.920000", "16076.740000", "12776.440000", "12584.570000"]},

20. {"name": "Snacks", "stack": "Sales", "data": ['0','0','0','0']},

21. {"name": "20 oz Drinks", "stack": "Sales", "data": ["12507.670000", "8870.100000", "4937.600000", "10333.810000"]},

22. {"name": "32 oz Dinks", "stack": "Sales", "data": ["3334.850000", "3007.320000", "2722.540000", "2644.120000"]},

23. {"name": "Catering", "stack": "Sales", "data": ["1495.720000", "624.800000", "725.070000", "1339.400000"]},

24. {"name": "Sacks", "stack": "Sales", "data": ["6548.720000", "2990.750000", "3359.930000", "4864.500000"]},

25. {"name": "Bigger Boxes", "stack": "Sales", "data": ["27221.620000", "17902.450000", "14814.600000", "19666.630000"]},

26. {"name": "3 Finger Snacks", "stack": "Sales", "data": ["12320.510000", "8707.950000", "5700.500000", "8894.630000"]},

27. {"name": "Free Snacks", "stack": "Sales", "data": ["1.320000", "1.750000", "1.040000", "2.340000"]}

28. ]});

29. });

Charts

answered on 18 Apr 2013

1 answer

113 views

Calendar selection mode in kendo ui

Is there any option in kendo ui calendar for selection mode = DayWeekMonth available in asp.net calendar control?

Calendar

answered on 18 Apr 2013

12 answers

167 views

WP8& custom icons

Porting my web fonts over for WP8.

I've specified my custom font like this.

.km-root .km-pane .km-view .km-mail2 {
    background-size: 100% 100%;
    -webkit-background-clip: border-box;
    background-color: currentcolor;
}

.km-mail2 {
    -webkit-mask-box-image: url("mail.png");
    background-color: red;
}

And, I've attached the file I'm using. It works in Android/iOS (if I substitute this for the web font. But, in WP8 it looks liike a solid white square. Any ideas?

General Discussions

answered on 18 Apr 2013

1 answer

89 views

Kendo mobile Application Typescript declaration constructor incorrect

The mobile Application class constructor should start with an HTMLElement parameter. Currently you have:

module kendo.mobile {

class Application extends Observable {

constructor(options?: ApplicationOptions);

should be:

constructor(element?: HTMLElement, options?: ApplicationOptions);

This is the second error I found. First was:
Typescript definition for kendo mssing ns property

Note that this is KENDO MOBILE. Please provide a kendo.mobile.d.ts for that! In my previous thread you said to rename the kendoui one. That, of course, will not work.

General Discussions

answered on 18 Apr 2013

3 answers

381 views

Loader / Progress bar

Is there any progress bar widget in kendo ui?

General Discussions

answered on 18 Apr 2013