We're trying to change the styling of the valueAxis to:

1. Show the scale on the amount of the value axis next to the largest amount.

It might be possible to implement this by using a valueAxis.title for the scale and (negative) margins on the plotArea, valueAxis and valueAxis.title. This however feels fragile (for example it depends on the width of the title text). Is there a another, better way to implement this that is more robust?

2. We want the grid lines to extend to the left and have the amounts shown on top of them instead of next to them.

We couldn't find a way to extend the grid lines to the left. Is this possible in any way?

See http://dojo.telerik.com/@ckuijjer/aZipA for a code example of our implementation

Hi

I have following example:  http://dojo.telerik.com/IqIYI/2

In the example there is a custom edit template when you double click on the calendar to make a new event.

There is a container for "Contacts" which has an array as data-source.

When I open the page I have to get data from the server (which takes 1-2 seconds -> simulated in the example via setTimeout function). Because this takes a few seconds it seems that the template does not catch the data properly - hence the field having no data in the popup template.

How can I "load" data into the edit template or deffer its creation?


<div data-container-for="Contact" class="k-edit-field">
        <select id="Contact" multiple="multiple" name="Contact"
            data-role="multiselect"
            data-bind="value:Contact"
            data-source=kontaktdata     <----------------
            data-text-field="text"
            data-value-field="value"
            data-value-primitive="true"
            ></select>
    </div>


Many thanks

Hi,
I have just started developing a hybrid app and i'm having a problem with dropdownlists on the iOS platform. When the dropdown is selected the options appear at the bottom of screen.
Does anyone have some instructions on how to get the options to appear under the dropdown?

Thanks Chris

Hi,
I have this simple example: http://dojo.telerik.com/@bhaidar/oxAFE/21

I am binding the form to a viewmodel. The Model itself has validation rules. However, they are not being applied. Any reason why?

Thanks

I'm putting a couple questuins in this one, as it all has to do with navigation.

1) I would like to navigate through the grid by row, but I don't see a standard way of doing that. Currently when navigation is turned on, it only does so by cell. Am I missing something obvious, or do you have any suggestions?

2) When I navigate up or down a scrollable Grid, the grid does not scroll when I navigate to an element that is completely hidden, nor partially hidden. Is this a bug?
Have you or anyone else already created a workaround or example of adding this behavior to a scrollable grid?

Hi,
I am looking for a way to allow users to enter only characters/spaces for the Name field. How is it possible to tell MaskedTextbox to do so? I tried a sample here:
http://dojo.telerik.com/@bhaidar/itIYI/2

The problem is I have to specify the number of fields. Is there a way to leave that open? User can enter as much characters as he/she wants, however, all are characters.

Best regards
Bilal Haidar

Using grid in MVC 5 app in a razor view.  The grid will generate a list of items resulting from the datasource request query i have setup.

When user clicks on custom button on a row, it sends message to my controller to edit that row.  The controller then does its business and shows a new razor view which is the edit view for my row's record.  this all works as expected.

What i want to be able to do is this:

once in the Edit view, i want next and prev buttons that will move to the next record - in the list of records that was determined by the results of the previous gridview.  So if gridview is showing 5 rows for record ID's :  2,4,6,8,10, when i click on edit for row 4, it takes me to the edit screen, and the NEXT button will take me to record ID 6, and prev would take me to RecordID 2.

What i have figured out is that i can have a custom command send the current datasource's set of records back to the controller.  this works fine....found that on this post:   http://www.telerik.com/forums/passing-current-datasourcerequest-to-a-custom-command

what i thought i could do is send the datasource request back down to the edit view along with the list of id's in a hidden control.  when user hits prev/next the ids list could be parsed.  If the user hit next and we were at the last item in hidden list, then i could program a request to the database for the next page of items from the datasource and parse those results to know the next set of 5 records to use for prev/next.

getting stuck here - can't seem to pass around the datasource request between controllers and new views easily.

is this idea possible or is there a better way?

I have a custom-command button on my grid which takes some action, and then ought to update a column in the grid, which is a boolean, per the schema. My DataSource is built from a local array.

It seems the .set() method that I use to update the dataItem will cause updates on string columns very nicely, but boolean columns won't bind reliably (the column is not updated with a call to

  myDataItem.set('col', true);


...for example. So I have to do something like 

    $('#grid').data('kendoGrid').refresh();

...to get the grid to update reliably.  

Is this expected behavior?  I've seen posts that refer to .sync(), the autoSync property, and possibly setting a 'save()' function on the grid definition.  But I have't had consistent success with any of these.

Thanks.

According to the documentation at http://docs.kendoui.com/api/framework/datasource, there is an errors field you can specify in the schema of a datasource, and, if the field is present in the response, the error handler will be called.  This does not work.  In the below example, i have a books.xml document as follows:

<books>
<error>something</error>
<book>
<title>booktitle</title>
</book>
<books>

And the code that uses it is below.  It shows the book in the grid, but i also expect to get an alert.  no alert happens, so something must be broken with this?

$(document).ready(function() {
   $("#grid").kendoGrid({
      dataSource:  new kendo.data.DataSource({
error: function(e) {
   alert(1);
},
transport: {
   read: "books.xml"
},
schema: {
   type: "xml",
   errors: "/books/error",
   data: "/books/book",
   model: {
      fields: {
 title: "title/text()"
      }
   }
}
      })
   });
});

I have a kendo editor on a page that is initially hidden.  My Page has a non-edit mode and an edit mode.  Text/html is displayed in a div element in non-edit mode, but when the user clicks edit, the form shows the kendo editor, which holds the same text/html.  Both elements' values are loaded at the same time via jquery/javascript.  Here is the editor on the page, notice the edit-form has display = none.

<div id="static-form">

                <div id="divDescription"></div>

</div>

             

<ul id="edit-form" style="display: none;">

                <li>

                    <textarea id="editor" style="height: 100px !important;"></textarea>

                </li>

</ul>

here is where the values are set via script:

This works in both the latest versions of IE and Chrome, but does NOT in Firefox.  It also works if I take out display: none, but that is not an options as it would ruin the functionality I need.  Anyone have any ideas of a work around or why Firefox isn't working?