Friday, December 30, 2011

The Kendo UI Framework Installation and Setup Part 1 of 3 - The Free trial version

I have decided to spend more time with the Kendo UI Framework, and what better a way then to share my experiences as I install and setup Telerik's KendoUI . I will post for each version's installation and it's features.

Image from

Part 1 - The Kendo UI Framework Free Trial Version 

The Download

Each version can be downloaded here:
You can use your Telerik account or create an account to download Kendo UI.

The Files and Folders

The main download file is called, it's size is 2.58MB zipped, 4.49MB decompressed.

Inside the zip file you will find 3 folders and 2 files.

The Folders

  • Examples - This folder contains all the Kendo UI Framework examples for Kendo UI Web and Kendo UI Dataviz. This folder contains 3 folders and 1 file:
    • Dataviz
    • Shared
    • Web
    • Index.html
          The examples are loaded in your default web browser, I recommend IE. Chrome and Firefox have      issues with at least one of the samples running locally using file://. In IE you just have to accept the Active X warning each time you reopen your browser. You can get around any annoying prompts if you have IIS installed, just point a site/Virtual directory to the examples directory. You may get an intranet enabling warning, but once accepted in IE, it will never happen again. IIS does not fix the Chome and Firefox issues with at least one of the examples.

Note: Using the Windows built in zip you cannot run the examples directly from the zip file, you must extract the zip first. I use WinRAR - , which will auto extract everything needed for a file to run when clicked on. I recommend extracting the whole archive to a folder.

  • JS - This folder contains all JavaScript for the Kendo UI Framework.
  • Styles - This folder contains all styles used by the Kendo UI Framework.
The Files

The License - Kendo UI Trial Version

The Kendo UI Free trial's license is as basic as it's name, but you do get some nice features for a free trial, which are as such:
  • No source code (minifed JavaScript only)
  • Access to Major Updates only
It is for EVALUATION ONLY for 60 days

The Configuration and Implementation

Note: You can install Kendo UI in pretty much any project that is web based, I prefer the .NET Framework, so that is what I am using for this setup.

It is as simple as adding these four lines to your headers:

<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
 <script src="js/jquery.min.js" type="text/javascript"></script>
 <script src="js/kendo.all.min.js" type="text/javascript"></script>

You can also use the CDN which will only have Kendo UI major releases, although this really isn't necessary with the free version:

<link href="" rel="stylesheet"/>
<link href="" rel="stylesheet"/>
<script src=""></script>

As you can see the Kendo UI is so simple to get up and running, I cannot imagine using any other HTML5 based UI framework and with Telerik involved, it can be nothing but the best. Stay tuned for many more posts about The Kendo UI Framework in the near future.

For more information about the Kendo UI, go here:

For more information about Telerik, go here:

Wednesday, December 21, 2011

Kendo UI is now a part of the Telerik Ultimate Collection

As an Ultimate Collection subscriber you will automatically get access to all 3 key components of Kendo UI: Kendo UI Web, Kendo UI DataViz and Kendo UI Mobile (which will be officially available in early 2012).

The addition of Kendo UI to the Telerik Ultimate Collection brings the total number of products in the Ultimate collection to fifteen. Telerik is happy to continue adding value to your Ultimate Collection, enabling you to take advantage of well-established, mature technologies, as well as emerging technologies like HTML5.
For more information check out the official Kendo website:

You can purchase the Telerik Ultimate collection here:

Wednesday, December 14, 2011

How to fix Error in Module Settings page in DotNetNuke when getting Object reference not set to an instance of an object.

I started to create a new module using the DotNetNuke Starter Pack. I created all my controls and then got to the settings page. I didn't like the textbox and default controls, so I removed them, well after removing them, I started getting the error:
InnerException: Object reference not set to an instance of an object.
FileLineNumber: 0
FileColumnNumber: 0
Method: DotNetNuke.UI.Containers.ActionButtonList.get_ModuleActions
I had removed the following line from my module settings page:

<asp:textbox id="txtTemplate" cssclass="NormalTextBox" width="390" columns="30" textmode="MultiLine" rows="10" maxlength="2000" runat="server" />

It turns out that that control must be in your settings page or you will continue to get that error. So as a work around for now I put my control above it and set Visible="false", on the textbox. I figured I would pass this little tip as I saw many others reporting the same error, but never saw any solutions. This is what I came up with. Hope it helps someone else save some time.

Friday, December 9, 2011

How to retrieve a RadGrid Data Key Value on Delete

protected void RadGrid1_DeleteCommand(object source, GridCommandEventArgs e)       

            int intItemIndex = e.Item.ItemIndex; ;
            int intMyID = Convert.ToInt32(RadGrid1.MasterTableView.Items[intItemIndex].GetDataKeyValue("ItemID").ToString());


Wednesday, December 7, 2011

Kendo UI Has been released - Download Now!

The Kendo UI was released on December 1st. If you missed the webcast, you can see it here:

You can download the Kendo UI here:

You can view some well thought out demos of what Kendo UI can do here:

How to retrive value from Telerik RadComboBox in RadGrid on insert

I was having an issue getting the SelectedValue from the telerik RadComboBox control in a rad grid. Here is how you do it:

The front End code:

       <telerik:GridDropDownColumn DataSourceID="DSCategories" ListTextField="CategoryName" ListValueField="CategoryID"
                    UniqueName="CategoryDD" SortExpression="CategoryName" HeaderText="Category" DataField="CategoryID"
                    DropDownControlType="RadComboBox" FooterText="RadComboBox column footer"
                    AllowAutomaticLoadOnDemand="true" AllowVirtualScrolling="true" ShowMoreResultsBox="true"

The Backend Code:

    protected void RadGrid1_InsertCommand(object source, GridCommandEventArgs e)

   GridEditFormInsertItem insertItem = e.Item as GridEditFormInsertItem;
   RadComboBox DDCat = (insertItem["CategoryDD"].Controls[0] as RadComboBox);
   int DDcategory = Convert.ToInt16(DDCat.SelectedValue);
Buy Me a Beer

Please Donate To Bitcoin Address: [[address]]

Donation of [[value]] BTC Received. Thank You.