need to get rid of shadow on radWindow

2 posts, 0 answers
  1. james
    james avatar
    1 posts
    Member since:
    Jan 2016

    Posted 16 May 2016 Link to this post

    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



        <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>

  2. Marin Bratanov
    Marin Bratanov avatar
    4533 posts

    Posted 17 May 2016 Link to this post

    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: You can use $find().show() to open the concrete RadWindow:
    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:
    3. make sure only one RadWindowManager is used (or employ the approach from this article:
    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");}



    Marin Bratanov
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top