RadWindow contains odd vertical sprite

[Jonathan]

Hi..

I tried the theme builder - it seems to work. My theme was created. But my RadWindow contains an odd vertical black line.  Any ideas?

See the attachment.

thx

[Rumen]

Hello Jonathan,

It will be hard to help you without inspecting the problem locally.

Can you provide a live URL to the page so that I can examine it from my side or open a support ticket and provide a simple runnable project which demonstrates the issue?

Another option is to inspect it with the DevTools HTML inspector and see what is causing it.

Best regards,
Rumen
Progress Telerik

[Jonathan]

Sure

https://flomportal.azurewebsites.net/

 

using a radwindow as login.

 

thx

[Rumen]

What is the username?

Regards,
Rumen
Progress Telerik

[Jonathan]

I haven't done any work on the next page...  nothing to see

Do you see the black vertical line on the RadWindow?

[Jonathan]

I think your generated code is using the wrong sprite. Their are 2 in folder.

WindowsVerticalSprites.gif and WindowsVerticalSprites.png

 

The png has that weird black line

[Rumen]

Thank you for the extra information.

I examined the rendering of RadWindow and noticed that it is rendered with its classic rendering (RenderMode="Classic"), which uses images.

The Theme Builder generates skins only for the Lightweight render mode, which uses font icons instead of images. That's why can you please make sure that all Telerik AJAX components on the page have set RenderMode="Lightweight"?

You can find more for the RenderMode feature of RadWindow in this demo : Render Modes.

Best regards,
Rumen
Progress Telerik

[Jonathan]

Setting to lightweight I get this!

[Rumen]

Hi again,

The window on https://flomportal.azurewebsites.net/ used classic skin with classic render mode. Can you please set EnableShadow=false which will remove the shadows which make the side borders bigger? 

As to the Lightweight rendering, you need to generate a skin through the Theme Builder, set the RenderMode to Lightweight and import the generated files by the Theme Builder in the page. You can see the attached video for more information.

Best regards,
Rumen
Progress Telerik

[Jonathan]

thx again for helping.
I did use the Theme builder and set to Lightweight and got the image I attached.

I will try again

[Jonathan]

Looks better.. gradient is diff,  

Do you know why the title is abbreviated? with "..."

thx again

[Jonathan]

Looks better.. gradient is diff,  

Do you know why the title is abbreviated? with "..."

thx again

[Rumen]

Hi,

You can control the titlebar text width via this CSS class:

.RadWindow .rwTitleWrapper .rwTitle {
    width: 100% !important;
}

You can also find attached a video demonstration.

Kind regards,
Rumen
Progress Telerik

[Jonathan]

thx again!