943,660 Members | Top Members by Rank

Ad:
  • ASP.NET Discussion Thread
  • Unsolved
  • Views: 1860
  • ASP.NET RSS
Dec 31st, 2008
0

How do stop overlapping Calender control in Table <td> tag

Expand Post »
I was trying to developed a unique user control to developed Date picker using html table tag.

I m simply design forms which includes:

1) asp:textbox

2) asp:imagebutton

and 3) asp:calender control

all these three control are placing table tags in a sigle row

At the form loading event visible property of the caleder is false. when i click on the image button

Calender cotrol is display on the form but it destruct whole <td> structure of the row.

how do i stop this things and overlaped that calender control over td tag.

I faced this problem when i worked on it. I want to create one unique user control of Date Picker, so i can use

this componant other places.

if any body have solution for this program Mail me at

p.ash85@gmail.com
Reputation Points: 10
Solved Threads: 0
Newbie Poster
Pranoj is offline Offline
1 posts
since Dec 2008
Jan 1st, 2009
0

Re: How do stop overlapping Calender control in Table <td> tag

This has to do with CSS. On the td row, apply this style attribute: style="position: relative;" . Then on your calendar, apply this attribute: style="position: absolute; z-index: 1000;" . This will make the calendar be in the same row, and be "above" the other elements. You can then decide how far down to move the calendar so it is not destructive to the row.

If you wish to have all the elements in order: 1 2 3 then apply this attribute to the row instead: style="white-space: nowrap;"
The reason why your td is messing up could be because your entire row is larger than the table allows. By having the "nowrap" functionality, it will increase the size of your table, and not wrap. However, this will affect all rows, so beware.
Reputation Points: 43
Solved Threads: 68
Veteran Poster
SheSaidImaPregy is offline Offline
1,080 posts
since Sep 2007
Mar 20th, 2009
0

Re: How do stop overlapping Calender control in Table <td> tag

Kakke remove reltive-postion:absolute
from your stylesheet
Reputation Points: 10
Solved Threads: 0
Newbie Poster
rituTokhi is offline Offline
1 posts
since Mar 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in ASP.NET Forum Timeline: Solve this issue!
Next Thread in ASP.NET Forum Timeline: silverlight controls for .net





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC