I am trying to use Rad Notification for Session Timeout application.
Rad Notification control is on my master page as I want it for session timeout.
I see that every thing is working fine except for the postion of the notification.
It is always displaying at left bottom corner of my page and doesnt move from there.
And moreover the page is getting extended when notification comes and it doesnt even show up until we scroll the page downside.
Do you think any issue.
Code is same as the sample session timeout on telerik examples for radnotification.
8 Answers, 1 is accepted
The RadNotifiaction uses the CSS position property and has it set to fixed. If the browser and doctype combination do not allow it then the notification will be treated as position: static which would cause the behavior you describe.
Please make sure that your doctype is either the XHTML 1.0 Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">or the HTML5 standards doctype:
<!DOCTYPE html>So that Standards mode is used in the browser and it can understand this CSS property.
You should also verify your page is valid XHTML, as invalid markup can also revert the rendering mode to quirks, which can also break the positioning. You can use a free validator for the task, for example this one.
All the best,
Marin
the Telerik team
Rank 1
Rank 2
Please help.
before it was working as expected.
Rank 2
Hello Manoj,
I am not aware of other reasons for such behavior, apart from the ones I have described in my earlier post. Can you confirm the markup of the page is valid? It is possible that another change on the page, its user controls or master page has made it invalid and causes this problem.
The only additional idea I can suggest is setting the Pinned property to false, so the control uses position: absolute instead of position: fixed. Note that this may not fix the issue, because the quirks mode is not supported and dimension/position calculations may still fail there.
If neither helps, I advise that you share the simplest runnable version of your code that shows the problem, so it can actually be investigated.
Regards,
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
Rank 2
one more thing:
If i remove the rad notification controls outside of the Update panel then its showing properly but i cant do this as this will not refresh the alert message.
Rank 2
its was a side effect of putting HTML tags in Notification's "Text" property.
After i removed , its working .
Thanks a lot for your help and sorry for the confusion.
Hi Manoj,
If you need to show the RadNotification from the server with a new value for its Text property, you can do so by passing the required HTML string as an argument to the Show() method: http://demos.telerik.com/aspnet-ajax/notification/examples/servershowwithnewtext/defaultcs.aspx. With this approach, you are not likely to need the notification in the update panel at all.
If you are using the ContentTemplate of the control, you can add the UpdatePanel there, instead of around the entire control, in the same manner illustrated here for RadWindow: http://www.telerik.com/help/aspnet-ajax/window-ajaxifying.html.
If those ideas do not help, I would advise that you share the code that reproduces the problem, so I can actually debug it. I am not aware of reasons for such behavior (apart from some CSS being inherited from the page) that can cause such problems and without any concrete information and the ability to observe the case, it will be extremely difficult to offer further assistance.
Regards,
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.