My detail grid is not staying within the confines of the detail area.  I am attaching a screenshot showing the issue.  If I don't specify a height to my detail grid it will bind the data correctly but not show any of the actual rows.  You just see the header and the pager immediately underneath it.

Where can I find a list of Animation objects that can be used on the open and close animation options of the Window control?

Using this Code:

Validation works almost fine. All three messages are shown when hitting the save button. Hitting the save button for the second time the first message disappears.

I changed the code as follow (switching input text 1 and 2):

Now only the first and third message is shown. When I hit the save button for the second time the first message disappears also.

The page is build from an ASP.NET 4.0 Webforms project using MasterPages. The "name input" is generated aspx => html code pasted manually in this page.

I have been working with Kendo for a little over a week, and it's been great so far.  In the forums and through the UserVoice we have all been asking for code examples, so I thought I would share the following example, that I put together from my real world project.

A little note about the limited documentation and examples. If you have questions, ask them in the forums or open a support ticket. My experience has been, that the KendoUI staff has been quick at responding, and they have provided quality answers to all my questions.  We can all learn from the questions you might ask in the forums.

The Example:
This is a single html page with a tabstrip and and 3 forms (Air, Car and Hotel Searches) for a client travel search.  It combines a few of the widgets, so it might be helpful past the examples in the KendoUI package.

First, you will see a lot of repetitive functions (like the date processing for the calendars).  This is because the HTML form was created from three separate HTML pages.  I combined them into a single tab strip.  To save me time, I just did a lot of cutting and pasting.  I also think it makes it easier to follow what is going on.  I also went back in and tried to add comment blocks that would make it easier to find things. So, this is not an optimized example!  The data sources are local.  I only copied some data into the sources.  My real world project uses remote data.  Since I wanted this example to just run, I created partial data.  Also, I only added validation to the Air Search form.  I got lazy in producing this example.  My apologies.

I tested this in Firefox, IE and Chrome and everything seemed to work.

I hope this helps someone getting started...

Cheers,
        Paul


One note:  To get this to work, you need to modify kendo.numerictextbox.js to get it to work properly.  There is a typo in the one provided.  See http://www.kendoui.com/forums/ui/numeric-textbox/numerictextbox-in-a-mvc-project.aspx

The semicolon after the line element = that.element needs to be changed to a comma.




The HTML Page.  Download is attached as well.

Is it possible to delete all the records from datasource with one command ? I've tried dataSource.clear() but it is not working..

Should I apply a loop for deleting all the records ?

How can I add an additional pager to the header of the grid, so users don't have to scroll to the bottom all the time to select the next page?

Hello,
please tell me whether the documentation is so poor, or I'm wrong.

Where can I find:
1. How to use models in the DataSource (from scratch)?
2. Describing columns in the Grid I can specify the format. Where is the list of available formats?

This type of problems I find in the description of each element.
In my opinion, the documentation is incomplete and hard to discover the full potential of kendo ui.

Demos are nice, but do not tell me everything.

EDIT: I'm sorry for post in wrong forum section.

Hi All,

I am working to develop an android app using Ecllipse, PhoneGap and Kendo UI. Expectation is that, when I tap on app icon in the applications list in android device/Emulator it opens the index.html page.

I am trying to code to have the header, content and footer in index.html. I used "data-role"s like header, content and footer.
Now, till I open the page in FF or Chrome in my desktop it shows correctly however when I install the apk in android emulator v2.2, there everything is going wrong like header is placed at the bottom of the display in emulator, header goes to the top. background color is changed to black where actually it's white. header/footer color is changed too.

Any idea to fix this issue?

find the screen shots attached. In both I used index.html.

index.html
---------------------------
<!DOCTYPE HTML>

<html>
<head>
<title>Registration</title>
            <script type="text/javascript" charset="utf-8" src="phonegap-1.2.0.js"></script>      <script src="jquery.min.js"></script>
        <link rel="stylesheet" href="kendo.mobile.css" />
        <script src="kendo.mobile.min.js"></script>        

</head>

<body>
<div data-role="view" >
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title">Header</span><!-- /view-title -->
<span data-align="left" data-role="button">
<img src="ic_launcher.png" width="40" height="40" />              </span>

                <span class="login" data-align="right" data-role="button">Log In</span><!-- /button -->                  </div><!-- /navbar -->
            </div><!-- /header -->     

           

            <div data-role="content">

               

            </div><!-- /content -->

            <div data-role="footer" >
                <div data-role="tabstrip" style="height: 55px;">
                              Footer
                </div><!-- /tabstrip -->
            </div><!-- /footer --> 
      </div><!-- /view -->

     

    <script>
    $(document).ready(function() {
      $(".login").click(function(){
                     //location.href = 'testredirect.html';                         
               });        
      }); // document.ready ends
      </script>       
    </body>
</html>

Is it possible to set a column as fixed or locked.  For example, the columns are:

• AccountName
• LastOrderDate
• LastOrderAmount
• ShipToCity
• Rating
• CustomerType
• EmailAddress
• PhoneNumber

I want the AccountName column to remain fixed - while the other columns will be scrollable (horizontally).  So, when I scroll to the right so I can view the PhoneNumber column - the AccountName will remain visible, fixed in place.

Is this possible out of the box using the behaviors/properties... or can it be done by using a grid with a child grid... or do we need to develop a custom solution for this?

We have found a potential issue where suggestions change the letters you have typed into a combobox when you use filter: "contains" and suggest: true.

We think that when the filter is set to "contains", suggestions should still use a "startswith" pattern, except for when there is only one match 

A few test cases that can be tried at http://jsfiddle.net/AuSWr/ :

1. If you type "ani", the suggestion will be "Alanis Morissette: Jagged Little Pill, Live" instead of "Animal Farm". This changes the three letters you've typed to "Ala". If you were to then continue typing the rest of the world "animal" for example, you end up with "Alamal" as your first three letters of "ani" have been replaced with "Ala".
2. A similar result can be seen with the word "Shallow". We think this should not make a suggestion as there are no titles starting with "Shallow" but as the filter is set to "contains" you should still see these matches in the drop down list.
3. If there is only one match, eg "Shallows" (matches with "Saltwater Experience: Sharks in the Shallows") then it makes sense to suggest this.