Rad Notification - Position property not working

9 posts, 0 answers
  1. Rakesh
    Rakesh avatar
    4 posts
    Member since:
    Feb 2012

    Posted 27 Mar 2012 Link to this post

    Hi,

    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.
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 28 Mar 2012 Link to this post

    Hi Rakesh,

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rakesh
    Rakesh avatar
    4 posts
    Member since:
    Feb 2012

    Posted 29 Mar 2012 Link to this post

    It is working now, thanks!!
  5. Manoj
    Manoj avatar
    4 posts
    Member since:
    Jun 2014

    Posted 12 Aug 2014 Link to this post

    I have the same issue with both the specified DOCtypes after Upgrading from 2013 Q3 to 2014 Q2.
    Please help.
    before it was working as expected.
  6. Manoj
    Manoj avatar
    4 posts
    Member since:
    Jun 2014

    Posted 12 Aug 2014 in reply to Manoj Link to this post

    Forgot to mention the IE version we are using : IE9
  7. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 13 Aug 2014 Link to this post

    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,

    Marin Bratanov
    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.

     
  8. Manoj
    Manoj avatar
    4 posts
    Member since:
    Jun 2014

    Posted 13 Aug 2014 in reply to Marin Bratanov Link to this post

    HTML in masterpage and doctype are valid. Pinned property is also False.
    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.
  9. Manoj
    Manoj avatar
    4 posts
    Member since:
    Jun 2014

    Posted 13 Aug 2014 in reply to Manoj Link to this post

    You were right, It was nothing to do with the upgrade.
    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.
  10. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 13 Aug 2014 Link to this post

    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,

    Marin Bratanov
    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017