need to get rid of shadow on radWindow

[james]

I am trying to create a pop up window without any shadowing.  

I tried using EnableShadow="false" but the shadow still appears.  What do I need to do?

Thank you

James

 

    <Telerik:RadWindowManager ID="uiWindowMgr" runat="server" EnableShadow="false" VisibleTitlebar="false" >          <Windows>         <telerik:RadWindow ID="uiCalendarPop" runat="server" VisibleTitlebar="false" EnableShadow="false"  Behaviors="Close,Move" >                          <ContentTemplate>                             <div style="width: 250px; height: 25px; background-color:#3F3F3F;padding:5px;font-family:verdana;font-size:12px;color:white;">                                 <iframe src=""></iframe>                                 Select Date                             </div>                                 <iframe src=""></iframe>                                 <div style="height: 30px">                                     <asp:RadioButtonList ID="uiCustomDate" runat="server" CssClass="CustomDates" RepeatDirection="Horizontal">                                         <asp:ListItem Text="Unknown" Value="Unknown"></asp:ListItem>                                         <asp:ListItem Text="N/A" Value="N/A"></asp:ListItem>                                         <asp:ListItem Text="Ongoing" Value="Ongoing"></asp:ListItem>                                     </asp:RadioButtonList>                                 </div>                 <Telerik:RadCalendar ID="uiCal" runat="server" FastNavigationPrevImage="~/Images/cal_prevMonth.gif" EnableShadows="false"                                      FastNavigationNextImage="~/Images/cal_nextMonth.gif" EnableMultiSelect="false" >                                          <ClientEvents  OnLoad="CalendarLoad" OnDateSelected="DateSelected"  />                                          <FooterTemplate>                         <div id="footerDiv" style=""padding:5px;font-family:verdana;font-size:12px;color:black;background-color:#EEEEEE;">                                         <div class="footer" style="text-align: center"><%--                                            <span style="float: right;">  --%>                                                 <input type="button" value="Close" onclick="ClosePopup()" class="button" />                                                <%--                                            </span>--%>                                         </div>                             </div>                     </FooterTemplate>                 </Telerik:RadCalendar>                                 <input type="hidden" id="uiControlToSetDate" />             </ContentTemplate>                      </telerik:RadWindow>         </Windows>                 </Telerik:RadWindowManager>

[Marin Bratanov]

Hello James,

The only issue I can see with this markup is that there is invalid HTML in the footer div:

<div id="footerDiv" style=""padding:5px;font-family:verdana;font-size:12px;color:black;background-color:#EEEEEE;">

Could you try fixing that to see if this makes a difference?

If not, here are a few other things to try:

1. try moving this RadWindow out of the RadWindowManager because when the ContentTemplate is used it is best to keep those instances standalone, as noted here: http://docs.telerik.com/devtools/aspnet-ajax/controls/window/getting-started/using-radwindow-as-controls-container. You can use $find().show() to open the concrete RadWindow: http://docs.telerik.com/devtools/aspnet-ajax/controls/window/getting-started/opening-windows#using-show.
2. try toggling the RenderMode of your RadWindows and RadWindowManagers between Classic and Lightweight. Make sure only one of the modes is used at any given time. You can read more about this in the documentation: http://docs.telerik.com/devtools/aspnet-ajax/controls/window/mobile-support/render-modes.
3. make sure only one RadWindowManager is used (or employ the approach from this article: http://docs.telerik.com/devtools/aspnet-ajax/controls/window/troubleshooting/wrong-radwindow-is-opened).
4. review the rendered markup and remove the rwShadow class from the popupElement of the RadWindow (this will work for the Lightweight RenderMode). If this resolves the situation, you can attach an OnClientShow handler that will do this, something like: function OnClientShow(sender, args){$telerik.$(sender.get_popupElement()).removeClass("rwShadow");}

 

Regards,

Marin Bratanov
Telerik