Border Not Displayed

[Cush]

Hi All

I am trying to set the border properties of a Rad Window as below:

<

 

 

telerik:RadWindow ID="RadWindow5" runat="server" Title="Details" Height

="470px"

 

 

 

 

Width="650px" Left="150px" ReloadOnShow="true" Modal="true" VisibleStatusbar

="False"

 

 

 

 

Animation="Resize" ShowContentDuringLoad="false" VisibleTitlebar="false" CssClass="borRad" BorderStyle="Dashed" BorderWidth="1" BorderColor

="#FF3300">

 

 

 

 

</telerik:RadWindow>

However the border just defaults to standard?
Any ideas what i am doing wrong please?

Regards

Cush

[Cori]

Hello Cush,

The Border settings of the RadWindow have no affect because the RadWindow's borders are images. So it ignores the any border settings.

[Cush]

Hi Cori

Thanks for they reply,
How come the properties are there if they have no effect?

Regards

Cush

[Svetlina Anati]

Hello Cush,

Properties such as Border, BackColor, etc  are only inherited and not implemented in RadControls on purpose. As the RadWindow control is a complex control and uses the concept of skinning, it is not clear how simply setting this property should influence the control (should it be applied to the wrapper, or the TABLE element, etc). Additionally, we are using background images, which you cannot change by changing the border or the background color. That is why, in case you want to change the look and feel of the RadWindow, I would recommend one of the following approaches:

1) Use a built-in skin - you can check how the different skins look on our Skins online example
 
2) Overwrite some of the styles of the Default skin: just add the following to the HEAD of your page:

<style type="text/css">
    .RadWindow_Default .rwTopLeft,
    .RadWindow_Default .rwTopRight,
    .RadWindow_Default  .rwTitlebar,
    .RadWindow_Default .rwFooterLeft,
    .RadWindow_Default .rwFooterRight,
    .RadWindow_Default .rwFooterCenter,
    .RadWindow_Default  .rwTopResize,
    .RadWindow_Default  .rwBodyLeft,
    .RadWindow_Default  .rwBodyRight,
    {
        background: url("Forest.gif") 0 0 !important;
    }
</style>

Do not forget to add the keyword !important to ensure higher priority to your custom style.

More information about this approach is available below:

http://www.telerik.com/help/aspnet-ajax/introduction-modifying-built-in-skins.html


3) Create your custom skin by modifying one of the existing skins of the control. You can find detailed information on creating custom skins in our online documentation:


http://www.telerik.com/help/aspnet-ajax/introduction-create-custom-skin.html

I hope that my reply and suggestions are helpful, let me know how it goes.

Kind regards,
Svetlina
the Telerik team

[Cush]

Hi Svetlina

Many thanks for getting back to me and for the very comprehensive information.
I will have a look at this and come back to you if i need any further guidance.

Many Thanks

Regards

Cush