Issue with Form Wizard Date Selector

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
5/27/2011 7:18:20 AM
Gravatar
Total Posts 16

Issue with Form Wizard Date Selector

I am having an issue with the Form Wizard's date selector tool. The problem is that when the last item in the form is the date selector and the calendar pops out while in use, the calendar pops underneath the footer of the site. I am using a customized skin, but all z-indexes of relevant areas have been lowered in an attempt to make it pop over the top, but nothing has worked. Any help would be greatly appreciated. 

 

Thanks

5/27/2011 1:19:04 PM
Gravatar
Total Posts 18439

Re: Issue with Form Wizard Date Selector

What is it in the footer that is on top? A Flash movie or something?

I would look at fixing the thing that is on top, like with a Flash movie there is a parameter to make it windowless. You'd have to do some googling to find out how to do that as I'm no Flash guru.

I suspect you are having this problem in IE and it doesn't happen in other browsers.

One thing you could try that may help a little is:

1. Add this to the top of your theme.skin file:

<%@ Register Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

2. a little further down add this:

<ajaxToolkit:CalendarExtender runat="server"
  PopupPosition="TopRight"
  />

Valid options are TopRight, TopLeft, BottomRight, BottomLeft, Left, Right, but it really just controls the position in relation to the textbox.

Hope that helps,

Joe

5/27/2011 1:41:21 PM
Gravatar
Total Posts 16

Re: Issue with Form Wizard Date Selector

The issue actually happens in Chrome and Firefox as I have tested thus far. The entire site will not load in ie at all for whatever reason, but that will be solved later on. As for the footer, it is just standard css formatted div tags with z-indexes set of -1000 to make sure it wasn't them. Adding the tags you recommend would work in this particular case if I could move the calendar up so the bottom of the calendar lined up with the side of the textbox.

 

Thanks

5/27/2011 1:50:26 PM
Gravatar
Total Posts 18439

Re: Issue with Form Wizard Date Selector

I don't think it will bring the bottom of the calendar up like that.

One low fi solution would be to add an instruction block question below the date and put a <p> <br /></p> maybe a few more of the brs as needed to pad the bottom of the form.

If this is on a public page I'd be curious to look at it.

Best,

Joe

5/27/2011 2:36:16 PM
Gravatar
Total Posts 16

Re: Issue with Form Wizard Date Selector

Using the breaks was my backup plan but it was being avoided as it makes the page look unbalanced and odd. If worst comes to worst I will use it, but for now I am just going to keep poking around the custom theme stylesheets to see if I can find something. An interesting note: If I add just a plain blank html content feature to the page underneath it, the calendar goes under the 'settings' and 'edit' button's entire line, but then shows back up on the other side.

Unfortunately this is a local development server so the page isn't live.

Thanks for your help

5/29/2011 12:28:29 PM
Gravatar
Total Posts 18439

Re: Issue with Form Wizard Date Selector

I'm not seeing this problem in my testing, I'm using the jqueryui-1 skin and I put a Date question as the last one on a form and added an Html instance below it, and the datepicker correctly shows above other html, ie it is not behind the settings or edit button of the html feature.

Do you get this problem using other skins such as those that ship with mojoPortal or only using your custom skin?

5/31/2011 10:10:32 AM
Gravatar
Total Posts 1196
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Issue with Form Wizard Date Selector

Hi Joe, I was able to make this happen on the demo site with the artisteer-greenlagoon skin. I went to the Form Wizard Pro demo page and added a date picker at the bottom. The spam blocker was holding it up high enough that it looked like only the closing bottom line of the calendar was missing where it met the footer, but as soon as I turned off spam blocking, it started cutting off part of the calendar, only showing the first three weeks.

Jamie

5/31/2011 12:50:51 PM
Gravatar
Total Posts 16

Re: Issue with Form Wizard Date Selector

How do you go about changing the spam blocker? I may have to try that out.

5/31/2011 1:03:42 PM
Gravatar
Total Posts 1196
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Issue with Form Wizard Date Selector

Hi, check this documentation page. Once a spam blocker is configured, you can turn it on or off in the feature settings.

As a workaround for your particular issue, I'd think that the RECAPTCHA block should provide enough clearance space to keep the calendar drop-down from touching the footer. I definitely recommend you use a CAPTCHA for spam blocking if this will be a public facing form. Sadly, these days forms and comment areas attract spam like crazy.

Jamie

5/31/2011 1:06:43 PM
Gravatar
Total Posts 18439

Re: Issue with Form Wizard Date Selector

I am able to reproduce this problem using the artisteer-greenlagoon skin, but so far a solution eludes me. I'll keep experimenting. googling I've found lots of people complaining of similar problems with the ajaxtoolkit calendar extender but so far none of the suggested solutions seems to actually solve it.

Best,

Joe

5/31/2011 1:20:41 PM
Gravatar
Total Posts 16

Re: Issue with Form Wizard Date Selector

Thanks guys. None of the forms on the site will be public facing actually. They will all be useable only behind assigned logins that only a small group of people will have so spamming wont be an issue.

You must sign in to post in the forums. This thread is closed to new posts.