CoreCommunity ExtensionsIncubatorDistributionsTYPO3 4.5 ProjectsTYPO3 4.6 ProjectsTYPO3 4.7 ProjectsTYPO3 6.0 ProjectsTYPO3 6.1 ProjectsTYPO3 6.2 Projects (+)

Bug #39266

update validationEngine and add position:relative to .powermail_form css

Added by Dominic Garms 10 months ago. Updated 9 months ago.

Status:Resolved Start date:2012-07-25
Priority:Should have Due date:
Assignee:Dominic Garms % Done:

100%
Category:Frontend Plugin
Target version:2.0.2
Votes: 0

Description

Hello,

for this issue

*Position fixed and overflow scroll*
Before 2.5.3 some options were needed to use the engine in a div with overflow scroll or position fixed, now you just have to set position relative on the form and you are good to go.

it would be good adding to the css file and update the validationEngine => 2.5.3 (or higher). I tested it and it works nicely

.powermail_form {
  position: relative;
}

Cheers
Dominic

History

#1
Updated by Alex Kellner 10 months ago

  • Category set to Frontend Plugin
  • Status changed from New to Needs Feedback
  • Assignee set to Dominic Garms
  • Target version set to 2.x

Do we talk about powermail 2.x? I'm asking because I don't understand the request.

#2
Updated by Dominic Garms 10 months ago

Currently you have validationEngine vers: 2.5.1 included. If powermail is included in a scrollable div container, the validation messages sticking to the body of the website which looks very ugly.

For fixing this issue the validationEngine needs to be vers. > 2.5.3 and the .powermailform needs to get the css attribute: position:relative. Its a minor thing, maybe you'd fell over this issue sometimes soon.

#3
Updated by Alex Kellner 10 months ago

  • Status changed from Needs Feedback to Accepted
  • Assignee changed from Dominic Garms to Alex Kellner
  • Target version changed from 2.x to 2.0.2

Thx, will update it

#4
Updated by Alex Kellner 9 months ago

  • Status changed from Accepted to Needs Feedback
  • Assignee changed from Alex Kellner to Dominic Garms
  • % Done changed from 0 to 50

Hi Dominic,

I updated the JS of formValidation.js to Version 2.6.0 now in Trunk but I can't find a CSS class .powermailform in the fancy CSS!?

Alex

#5
Updated by Dominic Garms 9 months ago

Hi Alex,

the doc of validationEngine requires the css attribute position:relative on the form attribute. In your markup it would be

.powermail_form {
  position: relative;
}

which you currently doesn't apply to your css file. Then its possible, that the form can be placed into a scrollable container, and the error lables scroll with correctly.

Cheers Dominic

#6
Updated by Alex Kellner 9 months ago

  • Status changed from Needs Feedback to Accepted
  • % Done changed from 50 to 100

Thx Dominic,

Resolved in Trunk, ready for TER upload in version 2.0.2

#7
Updated by Alex Kellner 9 months ago

  • Status changed from Accepted to Resolved

Complete resolved:
New version 2.0.2 uploaded to TER a few minutes ago

Also available in: Atom PDF