Solved

AJAX Calendar extender not displaying properly.

Posted on 2009-05-06
14
6,380 Views
Last Modified: 2012-08-13
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
0
Comment
Question by:preethamonline
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
14 Comments
 
LVL 4

Expert Comment

by:cauos
ID: 24314446
kindly post the aspx code
0
 

Author Comment

by:preethamonline
ID: 24314693
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
 
LVL 4

Expert Comment

by:cauos
ID: 24314785
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
[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

 

Author Comment

by:preethamonline
ID: 24314895
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
 
LVL 4

Expert Comment

by:cauos
ID: 24315237
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
 

Author Comment

by:preethamonline
ID: 24315507
Ok.I will try and let u know.
0
 

Author Comment

by:preethamonline
ID: 24342908
Hey Cauos, still having the same problem. Dunno whats the problem. Any other ideas would be greatly appreciated.
0
 
LVL 18

Accepted Solution

by:
Ajay Sharma earned 500 total points
ID: 24392736
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
 

Author Comment

by:preethamonline
ID: 24402829
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
 

Author Comment

by:preethamonline
ID: 24403525
This is how it appears
1.bmp
0
 

Author Comment

by:preethamonline
ID: 24405737
I found it . I just set the z-index and it seems to render properly.

.ajax__calendar_container { z-index : 100; }
0
 

Expert Comment

by:bkaplunovskiy
ID: 25762084
This worked great Thank you
0

Featured Post

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

617 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question