Formatting of Window Content

[Randy]

I am popping up a window and the opening and closing works fine, but the content while simple isn't all rendered. The DIV for the window is below. I have an ordered list with four items and 4 input buttons.

The ordered list, seems to be converted to paragraphs and the input buttons are just plain text. The H1 and the SPAN work as expected. Inspecting them in Firebug, shows that they have the UL, LI tags. The behavor is the same in IE9, Firefox, Chrome and Opera.

Thanks
Randy

<div id="winAutoSave" data-role="window">

    <h1>Auto Saved Application</h1>

    <p>An auto saved application has been found. <span style=" font-weight: bold; font-style:italic; color: Red;">Sample Red Text</span> This probably occured if you broswer hung or was closed without saving. At this point you may either</p>

    <ol>

        <li>Option 1</li>

        <li>Option 2</li>

        <li>Option 3</li>

        <li>Option 4</li>

    </ol>

    <div style=" text-align: center; margin-top: 10px; padding-left: 35px;">

        <input type="button" value="Option 1" />

        <input type="button" value="Option 2" />

        <input type="button" value="Option 3" />

        <input type="button" value="Option 4" />

    </div>

    <div class="clearAll"></div>

</div>

[Kamen Bundev]

Hi Randy,

I wasn't able to reproduce the issue you're having. Are you by any chance using the Window in Kendo UI Mobile? If so, can you post a bigger snippet including the mobile application?

Regards,
Kamen Bundev
the Telerik team

[Randy]

I hate it when you go to the mechanic and your car will not make that noise again.

I have attached a pretty basic project that doesn't have the same issues that I do, but shows that the problem occurs with Master Pages.

I have one without a master page. It works great.

I have one with a master page that doesn't have the javascript/kendoui links in the master page on it. It works sort of, that window comes and go, but it is more of making the div visible and invisible. Not frame, etc.

I have one with a master page that does the includes the javascript/kendoui links.. Forget it. Window content is visible from page load and clicking the open window button, does nothing.

Randy

[Kamen Bundev]

Hi Randy,

ASP.NET doesn't parse the virtual paths inside the content page, only the direct descendants of the head tag. In order to get the paths working in the content page, you will need to specify them like this:
<link id="Link1" href="<%=Page.ResolveUrl("~/assets/styles/kendo.common.min.css")%>" rel="stylesheet" type="text/css" />
<link id="Link2" href="<%=Page.ResolveUrl("~/assets/styles/kendo.default.min.css")%>" rel="stylesheet" type="text/css" />

The other issue you faced with the JS includes in the content placeholder is because you forgot to include the actual kendoWindow() creation.

Greetings,
Kamen Bundev
the Telerik team

[Randy]

Thanks for the info Kamen.

I did make the changes in the sample app, and all seems to be working well in it. I like the Page.ResolveURL, I didn't know about that. Thanks.

My main app is still having a similar problem however. It is a little too large to post, but I have included the HTML view from Firebug of the window portion as well as a screen shot.

<div data-role="window" id="winAutoSave2" class="k-window-content k-content" style="min-width: 90px; min-height: 50px; overflow: auto;">

 

    <h1>Auto Saved Application</h1>

    <p>An auto saved application has been found. <span style=" font-weight: bold; font-style:italic; color: Red;">Sample Red Text</span> This probably occured if you broswer hung or was closed without saving. At this point you may either</p>

         

    <ol>

        <li>Option 1</li>

        <li>Option 2</li>

        <li>Option 3</li>

        <li>Option 4</li>

    </ol>

    <div style=" text-align: center; margin-top: 10px; padding-left: 35px;">

        <input type="button" value="Option 1">

        <input type="button" value="Option 2">

        <input type="button" value="Option 3">

        <input type="button" value="Option 4">

    </div>

    <div class="clearAll"></div>

</div>

As you can see, the OL / LI tags are in place as well as the inputs, but they are not rendering. The H1 and SPAN are working fine. I have no styling on the Input or OL / LI tags and looking in the style window on Firebug, I don't see where you do in the Kendo either.

My app does is in a ASPX page using a masterpage, but the Kendo window is poping and well formed, so that should mean that Kendo and it's CSS is loaded properly.

Can you think of anything else for me to try?

Thanks
Randy

[Kamen Bundev]

Hello Randy,

This is more like a styling issue of some kind, that's why I've asked you about Kendo UI Mobile. Can you send me a live URL or at least the CSS used in your site, so I can take a look at what is causing it? You can open a support ticket if you value the privacy.

Greetings,
Kamen Bundev
the Telerik team