CalendarExtender: run

Showing posts with label run. Show all posts

Saturday, March 24, 2012

Calender Control

Hi,

i am using ajax controls in asp.net.and the problem is with calender control,when i run the application the controls goes behind the text boxes.so whats will be he solution???

Regards ASAD

Just a quickie idea but what if you change the z-index in the styles? will that help?

Hi Asadikram02,

Has your problem been resolved yet ? This kind of issue often occurs on select control and we resolve it by identify its z-index property. Here is the Article which shows the solution. http://support.microsoft.com/default.aspx?scid=kb;en-us;177378

function getindexes(){

text1.value=div1.style.zIndex;
text2.value=select1.style.zIndex;
text3.value=5;
}
</script>
Above is a sample to set the z-index for a select control. It is similar to your problem.

If it doesn't work , please post your simple sample which contains this issue. Thanks

Best regards,

Jonathan

CalendarExtender: Popup does not go over elements with overflow:hidden

I've run into a problem whereby the calendar will not appear over html elements with overflow:hidden applied to them. This occurs in FireFox and Opera

Here's the code to replicate it:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Untitled Page</title> <style type="text/css"> div.row { background-color: #f7f7f7; margin: 0 0 10px 0; overflow: hidden; padding: 4px 0; zoom: 1; } div.row span { float: left; text-align: left; width: 200px; } div.row .controlGroup { width: 300px; float: left; } </style></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div class="row"> <asp:Label ID="Label1" Text="Date" runat="server" /> <div class="controlGroup"> <asp:TextBox ID="DateTextBox" runat="server" /> <ajaxToolkit:CalendarExtender ID="CalendarExtender1" TargetControlID="DateTextBox" runat="server" /> </div> </div> <div class="row"> <asp:Label ID="Label2" Text="Text" runat="server" /> <div class="controlGroup"> <asp:TextBox ID="Test6TextBox" runat="server" /> </div> </div> </form></body></html>

Bump, can anyone help on this one, i've tried setting the z-index on the ajax calendar to no avail.

I've managed to fix this issue in Opera with the following, still doesn't show correctly in FireFox though

.ajax__calendar div
{
z-index: 100;
}

Can anyone help on this one, still can't get the Calendar to display correctly in FireFox
Last bump!
This problem also exists on the AutoCompleteExtender

Wednesday, March 21, 2012

CalendarExtender Render Issues when Placed Inside Wizard Control

I'm using the CalendarExtender within the 3rd step of a Wizard Control. While developing the WizardStep, I would run the app (from that step) and the CalendarExtender controls render correctly. After completing development, I appropriately reset the Wizard Control to deploy from the Start WizardStep. But, the CalendarExtender does not render correctly when running the app from any step prior to the step that contains the CalendarExtender.

CORRECT RENDERING

INCORRECT RENDERING

Thanks,

-Dave

Many people have had this issue it has to do if the calender control is in a hidden update panel. see this page for a workaroundhttp://forums.asp.net/thread/1590343.aspx

AjaxButter

Clumsy...but it worked.