Ajax CalendarExtender pop up position

Question

0.00/5 (No votes)

See more:

Hey guys i'm facing a problem over here this is my actual code..

XML

<asp:ImageButton ID="ibtn_To" runat="server" Style="vertical-align: middle; cursor: pointer;" ImageUrl="~/Images/Calendar_scheduleHS.png" Width="16px" Height="16px" meta:resourcekey="ibtn_ToResource1" />
<cc1:CalendarExtender ID="ce_ToDate"  runat="server" TargetControlID="txt_ToDate"
                                            Enabled="True" Format="dd-MMM-yyyy" PopupButtonID="ibtn_To" OnClientDateSelectionChanged="fun_chkDates">

i want my calendar to be popped-up just exact below the image button...
is there any way to set its position in this way....reply :-)

Posted 31-Jan-12 0:37am

Elegantly Wasted

Updated 31-Jan-12 15:31pm

Chris Maunder773.1K

v3

Add a Solution

Comments

Sergey Alexandrovich Kryukov 31-Jan-12 13:09pm

Pop-up on what event? Anyway, simply control its visibility.
--SA

4 solutions

Solution 4

I was at the same problem , just wrapped my control in a DIV and set position to absolute for the container DIV

CSS

position:absolute

refer this url :

Quote:
http://languagelassi.blogspot.in/2012/08/blog-post.html

Posted 20-Mar-13 1:10am

open and free

Solution 5

Simply put the following code into your page

.ajax__calendar {
position : absolute;
}

Posted 11-Dec-14 2:00am

Ragavendhran N

Comments

Member 14067958 6-Feb-19 9:34am

This worked like a charm.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Martin Arapovic · Accepted Answer · 2012-01-31T07:04:00

Hi,

I had similar problem and I solved it using java script.

Try this example...

Add js code ....

HTML

<script type="text/javascript" language="javascript">

        function onCalendarShown(sender, args) {

            // Get Image that was clicked to open calendar
            var calendarImage = $get('<%=imgCalendar.ClientID %>');

            // Set new calendar position
            sender._popupDiv.parentElement.style.top = calendarImage.offsetTop + calendarImage.height + 'px';
            sender._popupDiv.parentElement.style.left = calendarImage.offsetLeft + 'px';

        }
        
    </script>

and asp.net markup code...

ASP.NET

<asp:scriptmanager id="ScriptManager1" runat="server">
    </asp:scriptmanager>
    <asp:textbox id="txtDate" runat="server" />
    <asp:image id="imgCalendar" runat="server" imageurl="~/Images/calendar.png" />
    <cc1:calendarextender id="CalendarExtender1"  runat="server" targetcontrolid="txtDate"
        PopupButtonID="imgCalendar"  önClientShown="onCalendarShown" />
</cc1:calendarextender>

It must work, if you have any problem, just post here and I'll send you working example...

Elegantly Wasted · Accepted Answer · 2012-03-06T23:00:00

Guys use this code in your aspx

<style>
.fromDtPos
{
left: 277px !important;/* change as per requirement*/
}
.toDtPos
{
left: 519px !important;
}
</style>

mention this in ajax CalendarExtender tag

CssClass="ajax__calendar fromDtPos" /* change as per requirement */
CssClass="ajax__calendar toDtPos"

This has definately solved my problem...
Yo...! :p

Ajax CalendarExtender pop up position

4 solutions

Solution 1

Solution 4

Solution 5

Solution 2

Add your solution here

Preview 0