Example uses kendoConsole

5 posts, 0 answers
  1. John
    John avatar
    13 posts
    Member since:
    Apr 2005

    Posted 17 Aug 2011 Link to this post

    I am using the Upload and would like to use the console display for debugging like in your example.

    What do I need to do to get kendoConsole.log() to work?

    I have the <div class="console"> but cannot seem to get the kendoConsole call to work?  Is this included in the all.min.js or did you write this outside of the main code?

  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 18 Aug 2011 Link to this post

    Hi John,

    The kendoConsole code is kept outside of the framework code - it is part of the demo site. You can find the javascript file (kendo.console.js) in the "js" folder inside the demos. Just include it in your page and you can use the console. However you will also need the demo sprite and some CSS from examples.css to style the div. I've extracted the needed bits for you, adjust as you see fit:
    .console div
        background-image: url("sprite.png");
        background-repeat: no-repeat;
        background-color: transparent;
    * html .console div
        background-image: url("sprite_ie6.png");
        background-color: #FFF;
        border: 1px solid #CCC;
        color: #333;
        font: 11px Consolas, Monaco, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
        height: 200px;
        margin: 1.4em 0 0;
        overflow-x: hidden;
        overflow-y: scroll;
        text-align: left;
    .console .count
        background-color: #91AFEF;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        color: #FFFFFF;
        font-size: 10px;
        margin-left: 5px;
        padding: 2px 6px 2px 5px;
    .console div
        background-position: 6px -95px;
        border-bottom: 1px solid #DDD;
        padding: 5px 5px 4px 24px;
    .console .error
        background-position: 6px -135px;

    All the best,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Laurie
    Laurie avatar
    146 posts
    Member since:
    Feb 2007

    Posted 10 Apr 2015 Link to this post

    This was helpful.  Thanks!
  4. Matt
    Matt avatar
    38 posts
    Member since:
    Nov 2014

    Posted 22 Sep 2015 Link to this post

    Where can I actually download it?  I've been trying to find it for a while using URLs along the lines of http://demos.telerik.com/js/kendo.console.js, but it always says File not found.
  5. Dimiter Madjarov
    Dimiter Madjarov avatar
    2312 posts

    Posted 23 Sep 2015 Link to this post

    Hello Matt,

    As previously stated this code is not part of the framework, but only used in the demos for displaying console data. You could find the code on our demos page.

    Dimiter Madjarov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top