I've styled my textbox to have a button to search - pretty much identical to functionality and layout to Bing.
Problem is, the autocomplete drop-down list with suggestions is only the width of the input box - how would I add some extra width to it to account for the width of my search button?

Also, how do I set the height to be large enough to fit ALL the suggestions, including any the have been wrapped to another line?

Where are the questions & answers I can take a look at from the webinar this past week?

The administrtor of the webinar said he was going to post them to the web site...   

I'm stuck with a data source and a grid. The data is to be shown in a grid but I can't get it too work.

The data to show will be a from a web service but for now it is hot-wired in there for testing. The JSON object is properly formatted and the EXACT data is used with a jQuery AJAX request elsewhere and used just fine. Any ideas?

I'd like to cancel a selection change in the change event based on user input. Is this possible?

Here's a jsfiddle of what I'm attempting to do:
http://jsfiddle.net/latenightcoder/R4mKu/1/

I am trying to debug a call to WCF RIA Service that return JSON data. when using .Ajax it works fine, but does not work when using it for Kendo Grid. I am trying to find out if there are any callbacks for Success or Error for dataSource ?

also Additionally i want to use Paging,sorting and Filtering on server, do you have sample which does it using
 WCF RIA service ?

 <script type="text/javascript">
        $(document).ready(function () {
            $("#grid").kendoGrid({
                dataSource: {
                    type: "json",
                    transport: {
                        read: "http://localhost:50424/Services/Silverlight_WCF_RIA-Web-MyDomainService.svc/JSON/GetSecurity_Users"
                    },
                    schema: {
                        model: {
                            fields: {
                                First_Name: { type: "string" },
                                Last_Name: { type: "string" },
                                Email_Address: { type: "string" }
                            }
                        }
                    },
                    pageSize: 10,
                    serverPaging: true,
                    serverFiltering: true,
                    serverSorting: true
                },
                height: 250,
                filterable: true,
                sortable: true,
                pageable: true,
                columns: [{
                    field: "First_Name",
                    width: 90,
                    title: "First Name"
                }, {
                    field: "Last_Name",
                    width: 90,
                    title: "Last Name"
                }, {
                    field: "Email_Address",
                    title: "Email"
                }
                ]
            });
        });
    </script>

Hi,

I have a grid that allows grid edition and I soon as I add the grid template, I'm no longer be able to edit the cell withing the grid.
Unfortunately I found examples of each of one but not the two mixed together.

I specify the row template like this:
rowTemplate: $.proxy(kendo.template($("#rowTemplate").html()), ds),

The only reason I need the row template in this case is to provide the necessary CSS (text-align:right) to align amount field column.
Maybe this could be achieved in a different way?

Thanks.

Hi,

Is it possible to have a more precise date for the next release or get a preview / beta build before the official release? We are starting a new project and heavily interested in upcoming MVVM support.

Thank you!

 I was using this method:

for each dropdown that I wanted to turn into a Kendo Dropdown I added the class "kendoddl".  then on my document ready I simply called 

 $(".kendoddl").kendoDropDownList();

It worked fine until I added two drop-downs on the same page.  They interfere with each other and stop working after a few clicks.

Is using classes to initialize, as shown above, not supported?

Hi,

I just encountered a bug with the Kendo Menu with IE7. If you align your menu to the right of the page, and for some reason you don't have enough place to display the entire sub-menu, the menu won't display correctly or at all.

In the screen shot kendo-menu-ff.png we have the display i got in firefox.

In he screen shot kendo-menu.png we have the display in IE7.

With the IE Developper Tool bar I manage to see that the plugin creates two nested div to contain the animation. The first one, have the overflow property set to hidden and the second one, the nested one, was move to accommodate the lack of space to display it entirely. Hence the result shown earlier. (you can see it by your self with the two other screenshots kendo-menu- 2.pgn and kendo-menu- 3.png).

Since the pluggin write those property directly at the element level, I can't correct it with CSS.

I'm using the kendo-all.js.

Here's my code to generate the menu but I doubt it's my implementation that is at cause. (Without Razor )

And here how I initialise the menu :

Please, tell me how to fix this.

When you combine column grouping and a grid template, as soon as you group a column the remaining columns grid are out of sync.
Anyone as a solution for this or this is a bug?