Questions on Kendo UI for jQuery Forum

3 answers

666 views

Pie chart is very small if chart widget is set to a smaller size

Hi,
I need my pie chart to be 200px * 200px, so I set the parent div style accrodingly, and appended the width style at the end of the chart function call.Now my chart widget size looks fine, but the pie chart itself is very small (diameter is only 26px) compared to the chart area.The pie chart looks like a small colored bullet point in the middle of a white space.How can I make the pie chart visual bigger ?

<div id="chart" style="width:200px">

</div>

function createChart2() {

$("#chart").kendoChart({

theme: $(document).data("kendoSkin") || "default",

dataSource: {

type: "odata",

transport: {

read: {

url: "../../Services/WcfDataService1.svc/AllianceSummaryPartnershipMixes"

}

},

sort: {

field: "Name",

dir: "asc"

}

},

title: {

text: "Partnership Mix"

},

legend: {

position: "bottom",

margin: 0

},

seriesDefaults: {

type: "pie"

},

series: [{

field: "Value",

categoryField: "Name"

}],

tooltip: {

visible: true,

format: "{0:N0}"

},

chartArea: { margin: 0 },

plotArea: { margin: 0 }

}).css({ height: "200px"});

}

Charts

answered on 05 Mar 2012

1 answer

76 views

Editor - Inserting a line

Is it possible to insert a line in the editor or simulate a line? I know I could do it with an image like I do with the Silverlight RadRichTextBox, but is it possible to do this without having to use and image?

Editor

answered on 05 Mar 2012

1 answer

157 views

Grid with PHP. Problem with CRUD

Hi all,

i'm a bit stuck with the crud functionality in Kendo UI's grid.

My code (see below) generates a populated grid and the neccessary buttons, but i dont seem to be 'binding' the 'save' button to the 'save' functionality in the php file. Can anyone maybe spot what i'm missing please?

Thanks!
Vauneen

dataSource = new kendo.data.DataSource({
                   transport: {
                       read: "data/users.php",
                       create: {
                           url: "data/user_add.php",
                           type: "POST"
                       },
                       save: {
                           url: "data/user_edit.php",
                           type: "POST"
                       } ,
                       parameterMap: function(options, operation) {
                           if (operation !== "read" && options.models) {
                               return {models: kendo.stringify(options.models)};
                           }
                       }
                   },
                   schema: {
                       data: "data",
                       model: {
                           id: "ProductID",
                           fields: {
                               ExpiryDate : { editable: true, type: "date"},
                               EmailAddress : { editable: true, type: "email"},
                               FirstName : { editable: true, type: "text"},
                               SecondName : { editable: true, type: "text"}
                           }
                       }
                   }
               })

$("#grid").kendoGrid({
               dataSource: dataSource,
               columns: [{ field: "ID" }, { field: "ExpiryDate", title:"Expiry Date", format: "{0:yyyy-MM-dd}" }, { field: "EmailAddress" }, { field: "FirstName" }, { field: "SecondName"   } ],
               editable: true,
               toolbar: ["create", "save", "cancel"],
               detailTemplate: kendo.template($("#template").html()),
                detailInit: detailInit
           });

Grid

answered on 05 Mar 2012

1 answer

113 views

Bug

http://demos.kendoui.com/beta/web/editor/index.html

Ok so (this is in FF)...

Put your cursor at the end of "Hyperlink and image dialogs"
Hold Shift press Home to select the row
While still holding shift, press the left arrow
Copy, Ctrl-C
Move the cursor to the end of any other LI row
Paste Ctrl-V

...goes all gimpy with extra UL wrappers

Can replicate, and provide a video if needed...I did have one recorded, but crappy jing hung :/

Editor

answered on 05 Mar 2012

1 answer

81 views

spin event doesn't work. bug?

Hi!

Spin event doesn't work! After click on spinner nothing to do. This is my bug?

For example:

spinEvent = function(e) {
alert('spin!');
};

amount = $("#amount").kendoNumericTextBox({
format: "#,0",
min: 0,
max: 1000000,
step: 1000,
spin: spinEvent
}).data("kendoNumericTextBox");

Sorry for my english.

NumericTextBox

answered on 05 Mar 2012

1 answer

143 views

Editor - Tab Stop Support?

Will tab stop be supported and is it possible to add this support to the editor (like in your Silverlight RadRichTextBox)?

Currently I am using the Silverlight RadRichTextBox because tab stops are supported and this is an extremely important feature to my customers. I would love to convert this to the Kendo UI Editor, but without this support I cannot.

Can you please give me your best answer on this feature? Is it going to be supported at some point and is this possible with HTML? Is it possible with HTML5+?

Editor

answered on 05 Mar 2012

12 answers

148 views

Need Some Help From A JavaScript Guru

Is there a reason why datasource.total() returns "undefined" in IE but works okay in Firefox?

Data Source

answered on 05 Mar 2012

1 answer

91 views

Mobile Safari on iPad?

It doesn't work on my iPad 2, which has iOS 5.0.1. I just see the HTML in a textarea. I see where iOS 5 started supporting contenteditable so I would've thought this would work, but it doesn't for me. TinyMCE is working so it shouldn't be related to any software versions that I have.

Editor

answered on 05 Mar 2012

3 answers

163 views

Unable to render grid with bulky data

hi,

     I have grid component which is contains 4K(4000) records.

     That grid taking time to load 4K data then after few minutes it is showing popup of "Unresponsive script" on IE8 and Firefox 7+.

   Please find attached image for more information.

   Please assist me.

Thanks in advance.

Using Kendo UI Framework Details:
   1. Kendo UI v2011.3.1129
   2. jquery-1.7.1.min.js
   3. jquery-ui-1.8.16.custom.min.js
   4. modernizr-2.0.6.min.js

Grid

answered on 05 Mar 2012

2 answers

184 views

Listview with ActionLink Statement

Hi
I'm using Kendo Mobile UI combined with MVC elements.
All is working well, but In the Kendo Mobile UI Listview Element like (on a page Kendo.cshtml):

<ul data-role="listview" data-style="inset" data-type="group">
<li>
<ul>
<li data-icon="globe"><a>@Html.ActionLink("Test Button (works)", "Button", "Home")</a></li>
<li data-icon="globe">@Html.ActionLink("Test Button (not working)", "Button", "Home")</li>
</ul>
</li>
</ul>

On my iPhone I get:
A) a Listview element which is underlined with no data icon and no arrow ">" (incorrect style)
B) a Listview element with data icon and arrow ">" (correct style)

Both Links are loading the same Button.cshtml file.
The Page is simple and shows the event handling of buttons like the button event example of kendo mobile UI
But only A) one loads the page correctly so that the event are properly handled.
B) loads the page but the events are not fired.

So, at the moment I have to select A) for correct behaviour but "bad" style

What is the correct statement for an action link in a listview showing the dataicon and the arrow
AND the correct behaviour?

Regards, Peter

ListView (Mobile)

answered on 05 Mar 2012