hi,
I am using kendoui editor.I want to make the data in the editor as readable only.can u tell me how to make the data in the editor as non-editable(readable)only.

I'm using the "Editing custom editor" example to create a grid with multiple columns, few of which have dropdownlists for edits.

On Firefox, i can edit any of the columns that I have fine. However, with IE8, after editing a dropdown value once the column value shows up as "undefined".

has anyone else experienced this? And perhaps has a workaround?

Hi,
I'd like to let my visitor download a file directly from the menu but i've no idea how i can code this.
I tried it with WebClient (namespace = System.Web)...

WebClient client = new WebClient();
d.Add().Text(name).HtmlAttributes(
client.DownloadFile(file, name + ".zip")
);

...but without any success. So how can I get a download link in my menu?

Hi,

I'm using kendo menu. I'm facing 2 issues related to width.

1. The top level main menu shows up properly however on hover of these main menus, the sub menu that shows up has huge width. Can you please let me know what all css classes to override to set the width of sub menu's properly.

On hover of sub menu's, the hover happens only on the text but the sub menu's width is a bit bloated.

2. If I give width of main menu as 100% and set its left css property, it is left aligned properly however it is not taking 100% width. I'd given 100% to the parent container containing the menu.

Can you please let me know on this? A code snippet or jsfiddle proj would be great.

Let me know if you need more info.

Thx,
Sagar

I need to save and remember the column widths for individual users on several grids.

I am able to manually extract the column widths using javascript, but was wondering if there was a column resize event I can use to trigger this.

I thought i would use the PanelBar because it looks good.
But can't find any real info on how to actually use it.

I need it to set a parameter in my model and then to submit the form/page.

I used to use a bunch of radio buttons like this:

And thought i would replace them with a nice panelbar something like this:

I found an action method on the panel bat, but it is unclear how to get it to simply action the default action. Also, don't know hot to bind or send the information to my model. Perhaps i could pass it to my controller as a variable or something.

When I open the results of the output of the svg() method I only seem to get the bars on the chart and not the value axis.

Is there any way of including this along with the other chart graphics?

Thanks,

Select today's date (kenod date picker), then clear the date manually. then open the calendar, try to select the same date, it wont reflect in the text box or kendo data picker 

I am getting this error while creating a kendo ui Grid.
I have used the following javascript files.

 <script src="@Url.Content("~/Scripts/kendo.web.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/kendo.dataviz.min.js")" ></script>    
    <script src="@Url.Content("~/Scripts/kendo.data.min.js")" ></script>
    <script src="@Url.Content("~/Scripts/kendo.data.odata.min.js")" ></script>
   <script src="Url.Content("~/Scripts/kendo.popup.min.js")"></script-->
    <script src="@Url.Content("~/Scripts/kendo.numerictextbox.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.validator.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.binder.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.dropdownlist.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.filtermenu.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.pager.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.sortable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.draganddrop.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.groupable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.selectable.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo.resizable.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.reorderable.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.datepicker.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.calendar.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.list.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.grid.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo.all.min.js")" ></script>
I have two issues.
1. I know kendo.all is not needed when you use all the other javascripts individually. But my code works only when I include kendo.all.
Probably I am missing any of the javascript
2. I am getting a javascript error: Unable to get value of the property 'msie': object is null or undefined. The error is shown in three of the javascript files.
kendo.list.min.js, kendo.dropdownlist.min.js, calendar.min.js.
I am new to kendo UI and expect a response soon.

Thanks.

I have two tabs in my TabStrip but vertical scrollbar is not appearing in the TabStrip, below is the code i am using to create TabStrip

<div id="tabstrip">
        <ul>
            <li class="k-state-active">Search in Flow Library </li>
            <li>Search by FA/LSR# </li>
        </ul>
        <div>
            <div style="width: 100%; height: 22px;" class="panelHeader">
                <b>Search Flow Libraries</b>
            </div>
            <table width="100%" id="tabbed">
                <tr>
                    <td align="right">
                        Flow Name:
                    </td>
                    <td style="padding-left: 10px">
                        <input type="text" id="txtFlowName" class="k-textbox" />
                    </td>
                    <td align="right">
                        Creator:
                    </td>
                    <td style="padding-left: 10px">
                        <input type="text" id="txtCreator" class="k-textbox" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        Generic:
                    </td>
                    <td style="padding-left: 10px">
                        <input type="text" id="txtGeneric" class="k-textbox" />
                    </td>
                    <td align="right">
                        Model:
                    </td>
                    <td style="padding-left: 10px">
                        <input type="text" id="txtModel" class="k-textbox" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        Customer Parent:
                    </td>
                    <td style="padding-left: 10px">
                        <input type="text" id="txtCustParent" class="k-textbox" />
                    </td>
                    <td align="right">
                        Customer Account Name:
                    </td>
                    <td style="padding-left: 10px">
                        <input type="text" id="txtCustACName" class="k-textbox" />
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <hr />
                    </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <button class="k-button" id="btnMyFlowLib">
                            My Flow Libraries</button>
                    </td>
                    <td align="right">
                        <button class="k-button" id="btnSearch">
                            Search</button>
                        <button class="k-button" id="btnReset">
                            Reset</button>
                    </td>
                </tr>
            </table>
            <div style="width: 100%; height: 22px;" class="panelHeader">
                <b>Results/My Flow Libraries</b>
            </div>
            <div style="float: right">
                <button class="k-button" id="btnImport">
                    Import</button></div>
            <br />
            <div>
                <table id="grid">
                    <thead>
                        <tr>
                            <th data-field="rank">
                                Flow Name
                            </th>
                            <th data-field="rating">
                                Description
                            </th>
                            <th data-field="title">
                                Generic
                            </th>
                            <th data-field="year">
                                Model
                            </th>
                            <th data-field="year">
                                Creator
                            </th>
                            <th data-field="year">
                                Source
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                Deepak's Flow
                            </td>
                            <td>
                                This for testing
                            </td>
                            <td>
                                adxl678
                            </td>
                            <td>
                                ADXL
                            </td>
                            <td>
                                dbeshoyi
                            </td>
                            <td>
                                Not Sure
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Amit's Flow
                            </td>
                            <td>
                                This for testing
                            </td>
                            <td>
                                adxl678
                            </td>
                            <td>
                                ADXL
                            </td>
                            <td>
                                dbeshoyi
                            </td>
                            <td>
                                Not Sure
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Vijay's Flow
                            </td>
                            <td>
                                This for testing
                            </td>
                            <td>
                                adxl678
                            </td>
                            <td>
                                ADXL
                            </td>
                            <td>
                                dbeshoyi
                            </td>
                            <td>
                                Not Sure
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Sandeep's Flow
                            </td>
                            <td>
                                This for testing
                            </td>
                            <td>
                                ADXL678
                            </td>
                            <td>
                                ADXL
                            </td>
                            <td>
                                dbeshoyi
                            </td>
                            <td>
                                Not Sure
                            </td>
                        </tr>
                    </tbody>
                </table>
                <script>
                    $(document).ready(function () {
                        $("#grid").kendoGrid({
                            height: 180
                        });
                    });
                </script>
            </div>
        </div>
        <div>
            <div style="width: 100%; height: 22px;" class="panelHeader">
                <b>Search FA/LS</b>
            </div>
            <table width="100%">
                <tr>
                    <td align="right">
                        Request Number:
                    </td>
                    <td style="padding-left: 10px">
                        <input type="text" id="txtReqNum" class="k-textbox" />
                    </td>
                    <td align="right">
                        Serial Number:
                    </td>
                    <td style="padding-left: 10px">
                        <input type="text" id="txtSerialNum" class="k-textbox" />
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <hr />
                    </td>
                </tr>
                <tr>
                    <td colspan="4" align="right">
                        <button class="k-button" id="txtSearch">
                            Search</button>
                        <button class="k-button" id="txtReset">
                            Reset</button>
                    </td>
                </tr>
            </table>
            <div style="width: 100%; height: 22px;" class="panelHeader">
                <b>Results/My Flow Libraries</b>
            </div>
            <div style="float: right; padding-top: -10px">
                <button class="k-button" id="btnImport1">
                    Import</button></div>
            <br />
            <div>
                <table id="grid1">
                    <thead>
                        <tr>
                            <th data-field="rank">
                                Flow Name
                            </th>
                            <th data-field="rating">
                                Description
                            </th>
                            <th data-field="title">
                                Generic
                            </th>
                            <th data-field="year">
                                Model
                            </th>
                            <th data-field="year">
                                Creator
                            </th>
                            <th data-field="year">
                                Source
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                Deepak's Flow
                            </td>
                            <td>
                                The Shawshank Redemption9.2
                            </td>
                            <td>
                                adxl678>
                            </td>
                            <td>
                                ADXL
                            </td>
                            <td>
                                dbeshoyi
                            </td>
                            <td>
                                Not Sure
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Amit's Flow
                            </td>
                            <td>
                                The Shawshank Redemption9.2
                            </td>
                            <td>
                                adxl678>
                            </td>
                            <td>
                                ADXL
                            </td>
                            <td>
                                dbeshoyi
                            </td>
                            <td>
                                Not Sure
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Vijay's Flow
                            </td>
                            <td>
                                The Shawshank Redemption9.2
                            </td>
                            <td>
                                adxl678>
                            </td>
                            <td>
                                ADXL
                            </td>
                            <td>
                                dbeshoyi
                            </td>
                            <td>
                                Not Sure
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Sandeep's Flow
                            </td>
                            <td>
                                The Shawshank Redemption9.2
                            </td>
                            <td>
                                ADXL678
                            </td>
                            <td>
                                ADXL
                            </td>
                            <td>
                                dbeshoyi
                            </td>
                            <td>
                                Not Sure
                            </td>
                        </tr>
                    </tbody>
                </table>
                <script>
                    $(document).ready(function () {
                        $("#grid1").kendoGrid({
                            height: 180
                        });
                    });
                </script>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $("#tabstrip").kendoTabStrip({
                animation: false
            });
            var window = $("#window").kendoWindow({
                height: "70%",
                modal: true,
                visible: false,
                iframe: true,
                draggable: false,
                content: "../Pages/LoadWorkflow.aspx",
                title: "Load Saved Workflow",
                width: "70%"
            }).data("kendoWindow");
        });
    </script>