4 answers

148 views

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

204 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

299 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

635 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

303 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

84 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

123 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

186 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

1 answer

343 views

Get the JSON object (from the data source) when clicking the grid items

Hello guys,
First - great UI framework :) I hope it goes well in the future.

Second - i have the following scenario :

01.$(document).ready(function() {

02. var JsonDataSource = new kendo.data.DataSource({

03. transport: {

04. read: {

05. url: "jsonProvider.php", // the remove service url

06. dataType: "json"

07. }

08. }

09. });

10.

11. JsonDataSource.read();

12. console.log(JsonDataSource);

13.

14. $("#grid").kendoGrid({

15. dataSource : JsonDataSource,

16. columns : ["id", "name"],

17. selectable : true,

18. sortable : true,

19. change : function(event) {

20. console.log(this);

21. var selected = this.select();

22. console.log(selected.text());

23. },

24. dataBound : function() {

25. console.log("data loaded");

26. }

27. });

28. });

The JSON is super simple :

1.[{id : 1, name: "sth"}]

And when i click on a row, i got the following output :
1sth
What i want to do is to get the whole object (without doing dirty hacks) when i click on the grid row and fire the onChange event.
Is this possible in Kendo ?

Grid

answered on 12 Sep 2011

1 answer

117 views

Numeric Text Box

So the roadmap says there will be a numeric text box, will we also get a plain textbox as well (with like the EmptyText hover effect perhaps)?

I guess what I'm asking is will there be a BASE textbox at which all others will expand on (ala the RadControls)?

Thanks,
Steve

General Discussions

answered on 08 Sep 2011