Questions on Kendo UI for jQuery Forum

1 answer

660 views

I have a multiselect with about 700+ items. It's quite possible that a user may want these items to be selected by default. Rather than displaying all of them, I would like to have a placeholder 'All' item that gets display in the case of nothing being selected. Any suggestions on how to go about doing this?

MultiSelect

answered on 18 Apr 2013

1 answer

94 views

MultiSelect control is not themed

Hi Guys!

I'm trying to use the MultiSelect control with my favorites Kendo themes "Metro Black" and "High Contrast". All other Kendo controls in my application are themed accordingly but the MultiSelect background color remains white and text color is white too, thus making the MultiSelect selection by typing impossible and the control styling out of sync with the rest of properly themed controls.

Is this known behavior of the Kendo MultiSelect control?

Cheers!

MultiSelect

answered on 18 Apr 2013

1 answer

107 views

Kendo, Treeviw, IFrame, Change URL, VB

Hi,

I'm trying to find if their is a way to have a treeview control navigate an iFrame instead of the entire page.

I can't seem to see any "target" type setting, and you can't tweak the node URL as the treeview control URLencodes it and prefixes it witht he domain/server.

Is it possible to set the target or force the URL to be treated as raw?

I should add.... I'm using VB, MVC and Razor.

Is there a way to do this?

Kind Regards,
NH

TreeView

answered on 18 Apr 2013

5 answers

477 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

211 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

62 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

285 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

232 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

91 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

90 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