Issue themeing window

[Chrysovalanto]

Hi,
I'm new with KendoUI and I've downloaded the evaluation of KendoUI. I tried to create a simple window using the blueopal theme. The windows comes up and is positioned correctly but it doesn't seem to be themed right. Firstly, even without using the blueopal theme I seem to be missing:

• http://localhost:9000/public/stylesheets/external/kendoui/Kendo/sprite.png
• http://localhost:9000/public/stylesheets/external/kendoui/Kendo/gradient.png

$("a.inDialog").live("click", function(e){

    e.preventDefault();

    $(this).after("<div id='openDialog'></div>");

    $("#openDialog").kendoWindow({

        theme: "blueopal",

        title: $(this).attr("title"),

        content: $(this).attr("href"),

        width: "500px",

        height: "300px"

    }).data("kendoWindow");

    var window = $("#openDialog").data("kendoWindow");

    window.center();

});

In my html I included the following:

<link rel="stylesheet" type="text/css" href="/public/stylesheets/external/kendoui/kendo.common.min.css" charset="utf-8" ></link>

<link rel="stylesheet" type="text/css" href="/public/stylesheets/external/kendoui/kendo.kendo.min.css" charset="utf-8" ></link>

                 

<script type="text/javascript" language="javascript" charset="utf-8"  src="/public/javascripts/external/jquery-1.7.1.min.js"></script>

<script type="text/javascript" language="javascript" charset="utf-8"  src="/public/javascripts/external/kendoui/js/kendo.all.min.js"></script>

<script type="text/javascript" language="javascript"  src="/public/javascripts/external/kendoui/js/kendo.window.min.js"></script>

The window that comes up looks like the attached photo.

Can you please advice where I can get the missing images from and how I can fix my theme issue?

Thanks for your help,
Valanto

[Kamen Bundev]

Hello Chrysovalanto,

I'm sorry, this was a mistake on our part, the Kendo zip file includes a CSS for the Kendo skin, which was later renamed to Default, however the images folder is not there. You can just rename kendo.kendo.min.css to kendo.default.min.css and the issue should go away.

Can also you point us to where did you get the sample code from, so that we can fix it to reflect the change? Thank you in advance.

Regards,
Kamen Bundev
the Telerik team

[Chrysovalanto]

Hi Kamen,
Thanks for the quick response. I got the code from http://www.kendoui.com/get-kendo-ui.aspx from the trial section. I downloaded it yesterday and the zip was named kendoui.web-dataviz.2011.3.1129.trial.zip
Then on the thank you page you get it show the following getting started instructions:

<!-- Add the Kendo styles to the in the head of the page... -->

<link href="kendo.common.min.css" rel="stylesheet" />

<link href="kendo.kendo.min.css" rel="stylesheet" />

  

<!-- ...then paste the Kendo scripts in the page body (before using the framework) -->

<script src="jquery-1.6.2.min.js"></script>

<script src="kendo.all.min.js"></script>

Changing the name to kendo.default.min.css worked just fine.

I hope that helps,
Valanto

[Kamen Bundev]

Hi Chrysovalanto,

Thank you, we will fix it right away. I've updated your points for this.

Kind regards,
Kamen Bundev
the Telerik team