remove inline styles in radcalendar wrapper div

[Sandeep]

Hi,
After selecting date in Rad calendar, the calendar wrapper div create following inline style. But due to postion absolute my page UI is distrubing . I want to override this style into position fixed. Can you please suggest a way to overried this inline style.

<div id="ctl00_ContentPlaceHolder1_txtEndDate_calendar_wrapper" style="visibility: hidden; position: absolute; left: -1000px;

[Shinu]

Hi Sandeep,

You can try the following JavaScript to set the CSS.

JavaScript:

<script type="text/javascript">
    function pageLoad() {
        document.getElementById("ctl00_ContentPlaceHolder1_txtEndDate_calendar_wrapper").style.position = "fixed";
    }
</script>

Hope this helps,
Shinu.

[Sandeep]

Hi Shinku,
     Thanks for reply. I tried solution which u provide. But position is not set to div as a fixed. Its still showing absolute. I get div properly in javascript. Can is it possible through CSS.

[Shinu]

Hi Sandeep,

Please have a look at the following CSS to set the position. Please note that when you are changing CSS using JavaScript, the modified styles wont persist after a postback.

CSS:

<style type="text/css">
    #ctl00_ContentPlaceHolder1_txtEndDate_calendar_wrapper
    {
        position: fixed !important;
    }
</style>

If you have the id of any HTML element then its corresponding style can be set in CSS as #<elementID>{ style }.
 
Thanks,
Shinu.