Example uses kendoConsole

[John]

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?

Thanks.

[Kamen Bundev]

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");
}
.console
{
    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

[Laurie]

This was helpful.  Thanks!

[Matt]

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.

[Dimiter Madjarov]

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.

Regards,
Dimiter Madjarov
Telerik