This is a migrated thread and some comments may be shown as answers.

Issue with menu icon

1 Answer 54 Views
Notification
This is a migrated thread and some comments may be shown as answers.
Padma
Top achievements
Rank 1
Padma asked on 13 Aug 2013, 02:28 PM
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
}

1 Answer, 1 is accepted

Sort by
0
Padma
Top achievements
Rank 1
answered on 13 Aug 2013, 06:27 PM
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;
}
Tags
Notification
Asked by
Padma
Top achievements
Rank 1
Answers by
Padma
Top achievements
Rank 1
Share this question
or