AJAX Calendar extender not displaying properly.

Hi Guys! Dunno why, but the AJAX calendar extender is not displaying properly. Its overlapping  the text box. I have attached a screenshot. Kindly help me to as what may be wrong. Thanks in advance,
Date.JPG
preethamonlineAsked:
Who is Participating?
 
Ajay SharmaConnect With a Mentor Commented:
The problem u are facing is because u are using gridLayout.
You must  use Flow Layout of page.

Place the TextBox and calendar extender in a HTML table.


The problem u are facing is because u are using gridLayout.
You must  use Flow Layout of page.
 
Place the TextBox and calendar extender in a HTML table.
 
 
<table>
	<tr>
		<td>
			<asp:TextBox ID="txtPublishDate" runat="server"></asp:TextBox><br />
                <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtPublishDate" CssClass="radcalendar"></ajaxToolkit:CalendarExtender>
		</td>
	</tr>
</table>

Open in new window

0
 
cauosCommented:
kindly post the aspx code
0
 
preethamonlineAuthor Commented:
Here's the ASPX code
<asp:TextBox ID="TextBox1" runat="server"
        style="top: 180px; left: 766px; position: absolute; height: 22px; width: 128px"></asp:TextBox>
    <cc1:CalendarExtender ID="TextBox1_CalendarExtender" runat="server"
        Enabled="True" PopupPosition="Right" TargetControlID="TextBox1">
    </cc1:CalendarExtender>
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
cauosCommented:
i don't know from where you get PopupPosition="Right" the only available values for  PopupPosition are :
BottomLeft
BottomRight
TopLeft
TopRight

choose one of those options and see what is the result.
0
 
preethamonlineAuthor Commented:
I'm using Visual Web developer 2008, which has got 6 values namely,
BottomLeft
BottomRight
TopLeft
TopRight
Left
Right

Basically i just want to distance the calendar control form the text box.
0
 
cauosCommented:
add only textbox and the calendarExtender without any style in new page; if the problem still exist there must be an issue in the dll itself.
0
 
preethamonlineAuthor Commented:
Ok.I will try and let u know.
0
 
preethamonlineAuthor Commented:
Hey Cauos, still having the same problem. Dunno whats the problem. Any other ideas would be greatly appreciated.
0
 
preethamonlineAuthor Commented:
Thanks ajay. Worked like a charm. I had really gone crazy to make this work. Ajay one last thing. When the calendar drops down, it displays under the next control but not over it. I hope I'm not confusing. Its like the label below appears on the calendar.is there a way not to make the calendar transparent so that it doesn't show other controls in it. Thanks in advance.
0
 
preethamonlineAuthor Commented:
This is how it appears
1.bmp
0
 
preethamonlineAuthor Commented:
I found it . I just set the z-index and it seems to render properly.

.ajax__calendar_container { z-index : 100; }
0
 
bkaplunovskiyCommented:
This worked great Thank you
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.