Issue with menu icon

2 posts, 0 answers
  1. Padma
    Padma avatar
    3 posts
    Member since:
    Aug 2013

    Posted 13 Aug 2013 Link to this post

    I am displaying timeout notification using Radnotification(see code below) but it shows a small orange box where the menu Icon would appear(see image). Setting the visible property to  false does not resolve the issue. What am I missing? Please suggest.
    If I close the notification window during the timeout, it reappears in 1 minute after closing. This seems to be the default behavior. Is there a way to configure or change this behavior?

          
    <telerik:RadNotification ID="RadNotification1" runat="server" Width="240" Height="100" Position="Center" TitleIcon="" ShowTitleMenu="false" 
        EnableRoundedCorners="true" Title="Session Expiring" OnClientShowing="OnClientShowing" Value="MyPage.aspx" AutoCloseDelay="0">
        <ContentTemplate>
            <div class="infoIcon"><img src="Images/infoIcon.jpg" alt="info icon" /></div
            <div class="notificationContent">Time remaining:  <span id="timeLbl">5:00</span
                <telerik:RadButton ID="continueSession" runat="server" Text="Continue Your Session?"
                    Style="margin-top: 10px;" AutoPostBack="false" OnClientClicked="ContinueSession"
                </telerik:RadButton
            </div
        </ContentTemplate>
    </telerik:RadNotification>

    .infoIcon, .notificationContent 
        display: inline-block
        zoom: 1
        *display: inline
    }
    .infoIcon 
         width: 32px
         height: 32px
         margin: 0 10px
         vertical-align: top
    }

  2. Padma
    Padma avatar
    3 posts
    Member since:
    Aug 2013

    Posted 13 Aug 2013 Link to this post

    I found the solution to my issue. Turns out that the css is such that all list items are shown in orange and this was being inherited in my control. So I found the particular style element for the notification control and added the following and that solved my problem.
    .rnCloseIcon 
    {
      list-style: none;
      background-image: none;
    }
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top