This is a migrated thread and some comments may be shown as answers.

Example uses kendoConsole

4 Answers 1438 Views
Upload
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 17 Aug 2011, 08:02 PM
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.

4 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 18 Aug 2011, 07:51 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Laurie
Top achievements
Rank 2
answered on 10 Apr 2015, 05:02 PM
This was helpful.  Thanks!
0
Matt
Top achievements
Rank 1
answered on 22 Sep 2015, 04:13 PM
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.
0
Dimiter Madjarov
Telerik team
answered on 23 Sep 2015, 11:59 AM

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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Upload
Asked by
John
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Laurie
Top achievements
Rank 2
Matt
Top achievements
Rank 1
Dimiter Madjarov
Telerik team
Share this question
or