2 answers

100 views

Hi,

Is there nya chance put into this framework, the datepicker and dialog from jQuery UI? Then I could stop using jQuery UI, and start using Kendo;-)

General Discussions

answered on 16 Sep 2011

2 answers

443 views

[Solved] Add items to the panel

Hi:
I'm using the insertBefore method to insert new items to a panel bar group. After browse rendering you can see the following:

<li class="t-item t-state-default">

<span class="t-link t-header">item1</span>

</li>

My question is:
Is there a way that you can add and "id" and an onclick event to this new panels ?

Regards and congratulations this is a great job !

PanelBar

answered on 15 Sep 2011

4 answers

167 views

[Solved] Tooltip position and design

How do you show the tooltip with design as in example? For me it renders visually only plain character numbers and under the chart DIV, looking with Firebug structurally it's the same as in the example. Of course I use the same theme as in example.

Charts

answered on 15 Sep 2011

4 answers

234 views

Rich Content in a window

How do I define the following inside the window?

<div id="mi-singledetails-mobile">

<div id="mi-singletemplate-mobile">

</div>

<div id="dt_launchContainer-mobile">

<telerik:RadButton ID="launchButtonMobile" runat="server" Text="Launch Player" Height="65px" CssClass="Green" AutoPostBack="false" UseSubmitBehavior="false" OnClientClicking="onPlayerOpenClicking" ClientIDMode="Static" EnableViewState="false">

<Icon SecondaryIconUrl="~/App_Themes/Medportal/images/launchplayer.png" />

</telerik:RadButton>

</div>

When I Kendo that, it becomes this

<div class="t-widget t-window" style=

"padding-top: 35px; width: 700px; height: 550px; display: block; top: 255px; left: 610px; -moz-transition: none 0s ease 0s ; opacity: 1; -moz-transform: scale(1);"

><div class="t-window-titlebar t-header" style="margin-top: -35px;"> <span class="t-window-title">Details</span><div class="t-window-actions t-header"><a class="t-window-action t-link" href="#"><span class="t-icon t-close">Close</span></a></div></div><p id="mobile-details-window" class="t-window-content t-content">

</p></div>

Window

answered on 15 Sep 2011

1 answer

320 views

About loading data with ajax

first, this's a great thing.
I have seen the API and demo. Then for a Test,for the TabStrip.

Loading content with AJAX ,this does not work!

I view the API in kendoui.com ,it doesn't work too.

what's the matter?

I Want to add a new Tab , this tab loading content with ajax.

how can I write the code? the API doesn't have a prompt, it doesn't have any description about the params.

this is my code, not work too.

var tabStrip=$("#tabstrip").kendoTabStrip().data("kendoTabStrip");

tabStrip.insertAfter([{text:"New Tab3",content:[null,"http://www.danamy.cn/index.html"]},{text:"New Tab4"}],tabStrip.tabGroup.children("li:last"));

I'm Chinese , English is so so. - -.

TabStrip

answered on 15 Sep 2011

4 answers

661 views

Resize browser window resize splitter layout ?

Im trying to get a splitter layout to refresh and resize when I resize the browser window.

Im have manged to get the layout to stretch 100 % both width wise and height so the only thing I cant work out is what to do inside my jqeury "$(window).resize(function() " so that the hole splitter layout to refresh and resize ???

Best Regards
Nicklas

01.<!doctype html>

02.<html>

03. <head>

04. <title>Basic usage</title>

05. <link href="_includes/css/base.css" rel="stylesheet"/>

06. <link href="_includes/css/kendo.common.min.css" rel="stylesheet"/>

07. <link href="_includes/css/kendo.kendo.min.css" rel="stylesheet"/>

08. <script src="_includes/js/jquery.1.6.2.min.js"></script>

09. <script src="_includes/js/kendo.all.min.js"></script>

10. </head>

11. <body>

12. <div id="splitter" >

13. <div id="vertical">

14. <div id="top">

15. <p>

16. Outer splitter : top pane

17. </p>

18. </div>

19. <div>

20. <div id="horizontal">

21. <div id="left">

22. <p>

23. Inner splitter :: left pane

24. </p>

25. </div>

26. <div id="center">

27. <p>

28. Inner splitter :: center pane

29. </p>

30. </div>

31. <div id="right">

32. <p>

33. Inner splitter :: right pane

34. </p>

35. </div>

36. </div>

37. </div>

38. <div id="bottom">

39. <p>

40. Outer splitter : bottom pane

41. </p>

42. </div>

43. </div>

44.

45. <script type="text/javascript">

46. $(document).ready(function()

47. {

48. $("#splitter #vertical").height($(window).height() - 2)

49.

50. function onResize(e)

51. {

52. console.log("Resized :: Splitter #" + this.element[0].id);

53. console.log(this.element[0]);

54. };

55.

56. $("#vertical").kendoSplitter({

57. orientation: "vertical",

58. panes: [

59. { collapsible: true, size: "30%" }, // top height

60. { collapsible: false, size: "40%" },

61. { collapsible: true, size: "30%" } // bottom height

62. ],

63. resize: onResize

64. });

65.

66. $("#horizontal").kendoSplitter({

67. panes: [

68. { collapsible: true, size: "20%" }, // left height

69. { collapsible: false, size: "60%" }, // center

70. { collapsible: true, size: "20%" } // right height

71. ],

72. resize: onResize

73. });

74.

75. $(window).resize(function()

76. {

77. // what do i put here to force resize refresh of all splitters ???

78. });

79. });

80. </script>

81. </div>

82. </body>

83.</html>

Splitter

answered on 15 Sep 2011

1 answer

324 views

Theme / Skin support / jQuery UI Themes?

Hi there,

Just wondering about examples using themes, skins?

I know these are different controls to the jQuery UI ones but the themeroller stuff in jQuery could be handy to create themese for Kendo UI or will you have your own way to create themes?

Regards DotnetShadow

General Discussions

answered on 14 Sep 2011

0 answers

93 views

Showing the values after the bar graph

Hi,
Is it possible to show "series" values after the bar graphs, or on top of the bar graphs? So not only on the valueAxis.

Thanks

Charts

asked on 14 Sep 2011

1 answer

136 views

Overflow Width

Is there a way to allow the window to overflow it's content on the width? Setting overlfow: visible doesn't seem to work for me in Chrome. I have an overlay in the window that needs to extend approximately 100 pixels past the edge of the window. I don't want the window to expand to fit, I want the content to extend beyond the border.

Window

answered on 13 Sep 2011

2 answers

196 views

Problems with filter

I can't seem to get the aut0complete to work and recieve the filter. This may be because a) I don't understand OData, and b) I'm not sure I know what I'm doing with the autocomplete plugin.

I just want to send a filter term to my mvc 3 controller. That's it. I don't need a "starts with" or anything like that. I can't get the mvc parameter binding to pick up on the filter term for some reason.

If I set it to odata, it's looking for $filter. If I remove the odata specification, it looks like its the 2 dimensional array filter[0]['value']

Is there a way to set the data type to be just a normal query string?

Sorry if I've missed something obvious here.

AutoComplete

answered on 12 Sep 2011