Kendo UI Home page rotator

4 posts, 1 answers
  1. Andrew
    Andrew avatar
    171 posts
    Member since:
    Jun 2009

    Posted 20 May 2012 Link to this post

    Is the rotator with the orange background on the home page of Kendo UI made with kendo UI web components?

     I like the way it works and would like to build a similar mechanism into my own web page.

  2. Answer
    Dimitar avatar
    6 posts

    Posted 22 May 2012 Link to this post

    Hi Andrew,

    We haven't used any of the Kendo UI web components to build the rotator, because we needed a very custom functionality for it, which our components don't (yet) have.

    If you want to build something similar for your website, you can search for a tutorial on how to create a parallax slider. Here's a good one that is inspired by our slider:

    Kind regards,
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Andrew
    Andrew avatar
    171 posts
    Member since:
    Jun 2009

    Posted 23 May 2012 Link to this post

    Oh, that is a pity. I was looking for an excuse to use Kendo UI.
    You have seriously cool looking components. 
  4. Kyle schultz
    Kyle schultz avatar
    13 posts
    Member since:
    Sep 2008

    Posted 18 Apr 2013 Link to this post


    I am just theorizing here, but couldn't Andrew achieve his goal of having a rotator using KendoUI  by using something similar to the following code

    <div id="app"></div>
        $(function() {
            var rotateInterval = 10;
            var rotatorIndexes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; 
            //this could also be a string array returned from a json call retrieving the config from a db;
    //this array could be an array of any set of ids or names. The JavaScript below could be modified to fit your format.
            var x = 0;
            var rotator = new function() {

                var index = new kendo.View('/_A_URL_TO_A_VIEW_IN_YOUR_MVC_SITE/' + rotatorIndexes[x]);
                if (x > rotatorIndexes.length - 1)
                    x = 0;

            setTimeout("rotator", rotateInterval);


    I don't know for sure if that would work, but it seems easy enough to test.

    I have been using Telerik controls for a very long time and just recently made the leap to KendoUI, I can already tell how this set of controls and framework will make coding the UI of our applications very dynamic and very interactive, with very little work.

    Thanks for making such a kick ass suite of controls, it really makes it nice to be able to harness the power of your controls and make it interact with our data.

Back to Top