Contact form display issue in IE

This is the place to report bugs and get support. When posting in this forum, please always provide as much detail as possible.

Please do not report problems with a custom build or custom code in this forum. If you are producing your own build from the source code and have problems or questions, ask in the developer forum, do not report it as a bug.

This is the place to report bugs and get support

When posting in this forum, please try to provide as many relevant details as possible. Particularly the following:

What operating system were you running when the bug appeared?
What database platform is your site using?
What version of mojoPortal are you running?
What version of .NET do you use?
What steps are necessary to reproduce the issue? Compare expected results vs actual results.

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

1/31/2012 4:19:19 PM

wilkimatt

Total Posts 19

View Posts

Contact form display issue in IE

Hello,

Can anyone help with this issue please?

I am using the standard mojo contact form on a couple of pages on my site. The form is fine in chrome, but in IE (8 & 9) there is a big text box type thing (?) displaying at the top of the message field. Not really sure what it is, it seems to have handles to allow resizing..odd. I was thinking I had added some content there by mistake, but when you move the contact form around it moves too. A user is also reporting browser freezing when submitting making me wonder whether there is a jquery or similar issue maybe??

I am using mojo version 2367

You can see the issue here:

http://dev.gibbsscrap.co.uk/selling.aspx

I would be very grateful for any assistance with this one.

Thanks

Matt

1/31/2012 7:05:29 PM

Jamie E

Total Posts 1203

View Posts

Help support mojoPortal!
Add-on modules

Re: Contact form display issue in IE

At first I didn't see the issue until I clicked in the box, then it showed up (IE9). But as soon as I started typing, it disappeared, then reappeared if I hit Enter. The strangest thing is that you can actually resize each of those blocks separately within the edit window. Very odd.

My best guess is that this is some kind of bug/limitation of the site editor you are using. I'd recommend you try switching to the other editor and see if the problem persists, and if possible upgrade to the latest version of mojoPortal, which is 2.3.8.1

Jamie

2/1/2012 6:25:16 AM

wilkimatt

Total Posts 19

View Posts

Re: Contact form display issue in IE

Thanks for that Jamie, yes I forgot to mention you need to actually enter the text box to see the issue.

I have switched content editors, that didn't have any effect.

Matt

2/1/2012 8:26:18 AM

Joe Davis

Total Posts 2253

View Posts

Re: Contact form display issue in IE

Hi,

You're using FCKeditor, I suggest switching to CKeditor. FCKeditor hasn't been updated in about 2 years and it bound to have problems with modern browsers.

If you absolutely do not want to switch editors, try removing the body.wysiwygeditor p { max-width: 93 %; } from your css. There are a lot of other rules in that selector but just remove the max-width rule to see if that helps at all.

HTH,
Joe D.

2/1/2012 1:29:52 PM

Joe Audette

Total Posts 18439

View Posts

Re: Contact form display issue in IE

I remeber solving this problem before. My recollection is that it was caused by something in the artisteer css that set a min width of 1000px on the body. If my recollection is correct it was fixed by adding

body.wysiwygeditor
{

min-width:100px;

}

in the style-artisteer-overrides.css

Hope that helps,

Joe

2/2/2012 3:59:07 AM

wilkimatt

Total Posts 19

View Posts

Re: Contact form display issue in IE

Thanks so much for your help chaps!

I am taking Jamie's advice and updating to the latest Mojo first to see if that fixes it, if not will try the css tweaks.

Matt

2/3/2012 11:19:05 AM

wilkimatt

Total Posts 19

View Posts

Re: Contact form display issue in IE

Hello again,

An update on this contact form issue, I have upgraded to the latest mojo. That didn't make any difference as far as I can tell. I then added that css tweak to the artisteer override file. That did change the width of the strange text box shadow-thing. It no longer extends beyond the width of the wysiwig editor, however the editor doesn't really function correctly in IE. You can't delete what you have written for example. I guess its something to do with Artisteer, because the clean mojo install is fine.

I guess the obvious answer is to clone the control and switch the editor for a text box.

Matt

2/3/2012 11:28:35 AM

Joe Davis

Total Posts 2253

View Posts

Re: Contact form display issue in IE

Hi,

Have you tried removing the max-width: 93% from the "body.wysiwygeditor p" selector? I did this using the IE Developer Tools and it seemed to make the box go away.

HTH,
Joe D.

2/3/2012 12:32:12 PM

Joe Audette

Total Posts 18439

View Posts

Re: Contact form display issue in IE

Hi Matt,

If all else fails you can make your own CSS file and configure the editors to use it. So you can have complete control over the CSS used in the editor, and make a more minial set of CSS rules to style the fonts and headings in the editor.

Also note that in the latest version for the Html content feature there is a setting that allows you to disable the WYSIWYG editor and use a raw textarea for the specific content instance, but this won't help with the contact form but can be helpful for content editing.

Hope that helps,

Joe

2/3/2012 12:42:00 PM

Joe Audette

Total Posts 18439

View Posts

Re: Contact form display issue in IE

I beleive that both my suggestion and Joe D's suggestion are the most likely solution. I found this old thread which I believe explains it.

Artisteer has a min-width:1000px that caused a horizontal scroll in the editors, my original fix was to add max-width:93%, but that caused this side effect in IE, so a bettter solution was found which is to set min-width:100px instead of adding the max-width setting. It seems you have the origianl fix which had the side effect and that needs to be changed.

Hope that helps,

Joe

2/5/2012 3:27:52 AM

wilkimatt

Total Posts 19

View Posts

Re: Contact form display issue in IE

Fixed!

Joe (Davis) was right, removing the body.wysiwygeditor p{max-width} selector completely fixed the problem.

Thanks again guys.

Matt

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