Takvim Extender düzgün

Question

Sayfamda bir ajax takvim uzatıcı kontrolünü kullanıyorum göstermiyorsunuz ve genişletici bloğu doğru görünse de, bu kadar içeriği yok:

İşte

Ben kod Sayfanın üzerine yazmak için kullanarak:

<table class="tblForm"> 
    <tr> 
     <td valign="top"> 
      <asp:TextBox runat="server" ID="txtPickupDate" AutoPostBack="true"></asp:TextBox> 
      <aj:CalendarExtender runat="server" ID="calPickup" TargetControlID="txtPickupDate" Format="yyyy-MM-dd"> 
      </aj:CalendarExtender> 
     </td> 
    </tr> 
</table> 

Orada CalendarExtender doğrudan uygulanabilir herhangi bir stil kurallar değildir, ama ilgili olabilecek bu css var:

.tblForm 
{ 
    display: block; 
} 
.tblForm td 
{ 
    width: 245px; 
    float: left; 
} 

Bunu daha önce gören oldu mu? Ne olabileceğini bilen var mı?

Yardımlarınız için şimdiden teşekkür ederiz!

DÜZENLEME
I tutucusunu denedik ve bu CalendarExtender giderir, ancak, aynı zamanda, hizasız kap tablosundaki her bir hücre kaydırır. Ayrıca, CalendarExtender'a clear: both;'u ayarlamayı denedim, ancak bu, arka planın kaybolmasına neden oluyor. Ben :)

çözdüm

Answer 1

Tamam sorun tablo hücreleri için o CSS ile geldi. Hücrelerin genişliğini değiştirmek, ayrıca, Kalender Genişletici tarafından yazılan tablo içindeki hücrelerin genişliğini de değiştirdi.

.tblForm 
{ 
    display: block; 
} 
.tblForm tr.wider td, tblForm .wider 
{ 
    width: 245px; 
} 

Answer 2

Ben benzer vardı: O zaman takvimi içeren hücreden atlanmış genişliğini ayarlamak için yeni bir sınıf

Bundan kaçınmak için

, masanın üzerindeki tüm yüzen çıkarıldı ve alt öğeleri var ve ilan ListView nesnesinin içinde bir takvim genişleticisi ile ilgili sorunlar. Tasarım sorunları nedeniyle Cuma ve Cumartesi günleri kesiliyordu. Takvim uzantılarımı (metin kutusu ve resim dahil) sarmalayarak ve masamın css'sini geçersiz kılan bir stil atayarak, etrafta dolaşmaya başladım.

#calendarContainerOverride table 
{ 
    width:0px; 
    height:0px; 
} 

#calendarContainerOverride table tr td 
{ 
    padding:0; 
    margin:0; 
} 

Sonra burada uygulanan id:

<tr id="calendarContainerOverride"> 
    <td style="padding-top:10px">  
    <asp:TextBox ID="txtStart" runat="server" %>' /> 
    <asp:CalendarExtender ID="extender" runat="server" Enabled="True" TargetControlID="txtStart" PopupButtonID="imgCalendarStart" /> 
    <asp:Image ID="imgCalendarStart" ImageUrl="~/Images/Calendar.png" runat="server"/> 
    </td> 
</td> 

Eğer tüm tabloları için stilini değiştirmek ve sadece sinir bozucu takvimde odaklanmanızı gerekmez Bu yöntemle.