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>

Hi,
I can't fill out my KendoGris whereas the Http request : http://dotnet.habita-com.local/test.json return JSON flux.
I don't think this does contain any strange stuff, since it's mostly the same as the examples on the website. There is just url which is different but it return the same thing.
          
 <div id="grid"></div>
            <script type="text/javascript">
                $(document).ready(function () {
                    var crudServiceBaseUrl = "http://dotnet.habita-com.local/test.json",
                        dataSource = new kendo.data.DataSource({
                            transport: {
                                read: {
                                    url: crudServiceBaseUrl,
                                    dataType: "JSONP"
                               },
                           },
                        });
                    $("#grid").kendoGrid({
                        dataSource: dataSource,
                        columns: [
                            { field: "ProductName", title: "Product Name" },
                            { field: "UnitPrice", title: "Unit Price", format: "{0:c}"},
                            { field: "UnitsInStock", title: "Units In Stock" },
                            { field: "Discontinued" },
                            { command: ["edit", "destroy"], title: "&nbsp;"}]
                    });
                });
            </script>
        </div>

Please let me know if there is a way to fill out this grid with json flux !

i got this error while using Mobile PopOver when click 'Select Location'
My Page is like below:

<div data-role="view" >
    <div> Home </div>
</div>

<div data-role="view" data-layout="pop" id="Location">
    <div data-role="popover" id="PLocation" data-popup='{"height": 140, "width": 350}'>       
            <ul data-role="listview" data-click="closeParentPopover">
                <li><label>Sydney, Australia <input name="location" type="radio"></label></li>
                <li><label>New York, USA <input name="location" type="radio"></label></li>
                <li><label>Miami, USA <input name="location" type="radio"></label></li>
            </ul>
        </div>
 </div>


<div data-role="layout" data-id="pop">   
    <div data-role="footer">
        <div data-role="navbar">
            <a data-align="right" href="#PLocation" data-role="button">Select location</a>
        </div>
    </div>    
</div>

Hello everyone out there


I am relativeliy new at Microsoft Dynamics CRM 2011 - it's been just a week - i have been learning this new tool and working on it - i need help regarding how to create grids via using Kendo UI in Microsoft Dynamics CRM 2011 - 

Any sort of quick help will be very much appreciated 

Thanks, Awaiting for the positive response

Hi. I am having a little problem with kendo window, hope you guys can help me out.

I am developing an ASP.NET Web Forms application where i use some kendo controls with asp.net server controls. 
In this application I have a page where the user clicks in a button which will open a kendo window. This kendo window has an asp:TextBox (which will turn into a kendo datetimepicker) and a Save button. 

The problem is: when this textbox is inside the kendo window, it arrives on server side code without value.
When i comment the kendo window initialization code, everything works out just fine. 

Does the kendo window create another form or something?

My codes:

Window and textbox:


Initializing kendo window and kendo datetimepicker

Handling the click event of the button who opens the kendo window:

Best Regards!

Hi,

I am using the Kendo Web UI controls to build a responsive web application using HTML5, CSS3, javascript, etc.  I would like to use the kendo mobile tabstrip in my application.  Will this play nice with the web ui layout I already have in place?  In the tabstrip example I see that I need a div with the data-role="view" attribute/value in addition to the following line of javascript code:


Can an existing web ui application "become" a mobile application too?

Thank you,

Dan