alert popup with different color background

[Susan]

I am using a RadWindowManager for 2 different popups on my page. I took the 'black' skin and created my own called "OnlineStore". The first popup is a regular popup window and works fine.
The second popup is a radalert. But I want to change the background to be white rather than the black.
I have tried 2 different RadWindowManagers, and other things.
I have changed the font color and removed the warning symbol on the radalert by adding this to my custom skin:

.RadWindow_OnlineStore .rwWindowContent .radalert
{
    font-weight: 500;
    color: white;
    background-image: none !important;   /* takes out the yellow triangle warning symbol*/
 background-color: White;
}

<telerik:RadWindowManager ID="rwm" runat="server" Skin="OnlineStore" EnableEmbeddedSkins="false">
       <Windows>
       <telerik:RadWindow ID="rwAddlOptionsAndEquip" runat="server" NavigateUrl="PnPAddlOptionsEquip.aspx" ShowContentDuringLoad="False"
           KeepInScreenBounds="true"  VisibleTitlebar="true" Title="Additional Services and Equipment"
           Modal="true" VisibleStatusbar="False" Left="100" Top="55" InitialBehavior="None" Width="999px" height="690px" BorderWidth="1"
           Behaviors="Close, Move, Resize"   >
       </telerik:RadWindow>
      </Windows>
      </telerik:RadWindowManager>

I just can't figure out how to make the background white. I want to keep the titlebar black. Any suggestions?

[Georgi Tunev]

Hi Susan,

To achieve this, you could use the following approach (I also changed the color of the text so it can be visible on a white background):

.RadWindow_OnlineStore .rwWindowContent .radalert
{
    font-weight: 500;
    /*color: white;*/
    color:Red;
    background-image: none !important; /* takes out the yellow triangle warning symbol*/
    background-color: White !important;
}

.RadWindow_OnlineStore TD.rwWindowContent
{
    background-color:White !important;
}

Best wishes,
Georgi Tunev
the Telerik team

[Nate]

Hello,
I have a question on the RadWindow. I have a RadWindow with controls in there. When I use

.rwWindowContent
{
    background-color: Black !important;
 }

It applies the black background to everything in the RadWindow including other controls. How can I prevent this so that
the black background color is applied to only the RadWindow background  and the others controls which are inside the RadWindow.
I should also mention that I am using radopen to open up the RadWindow in case that is of any importance.

Thanks

[Nate]

Hello,
I have a question on the RadWindow. I have a RadWindow with controls in there. When I use

.rwWindowContent
{
    background-color: Black !important;
 }

It applies the black background to everything in the RadWindow including other controls. How can I prevent this so that
the black background color is applied to only the RadWindow background  and the others controls which are inside the RadWindow.
I should also mention that I am using radopen to open up the RadWindow in case that is of any importance.

Thanks

[Marin Bratanov]

Hi Nate,

By default the elements inherit some of their parent's style properties (the background color being one such), so if you need them different you need to declare you custom CSS rules accordingly. Here is an example that this behavior is observed in a general case and a possible way to work around it:

<telerik:RadWindow runat="server" ID="RadWindow1" VisibleOnPageLoad="true">
    <ContentTemplate>
        <table class="tableInWindow">
            <tr>
                <td>
                    cell 1
                </td>
                <td>
                    cell 2
                </td>
            </tr>
        </table>
    </ContentTemplate>
</telerik:RadWindow>

<div style="background-color: Black;">
    <table>
        <tr>
            <td>
                cell 1
            </td>
            <td>
                cell 2
            </td>
        </tr>
    </table>
</div>

.rwWindowContent
{
    background-color: Black !important;
}

.tableInWindow
{
    background-color: white;
}

Best wishes,
Marin
the Telerik team