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

Feature #12909

Make position of jQuery Error messages configurable with TypoScript

Added by Alex Kellner over 2 years ago. Updated about 2 years ago.

Status:Resolved Start date:2011-02-09
Priority:Should have Due date:
Assignee:- % Done:

0%
Category:-
Target version:-
Votes: 0

Description

Thx to Stefan Galinski

powermail_allowCustomValidatorConfiguration.patch (1.5 kB) Alex Kellner, 2011-02-09 19:09

powermail_allowCustomValidatorConfiguration.patch (1.5 kB) Stefan Galinski, 2011-02-09 23:23

powermail_allowCustomValidatorConfiguration.patch (2.2 kB) Stefan Galinski, 2011-02-10 19:18

History

#1
Updated by Stefan Galinski over 2 years ago

You can use the following typoscript snippet to change the position. Please note that the patch also introduces powermail prefixed error classes to be more flexible while styling your form.

page.footerData.31320 {
  5.value (
    position: 'bottom left'
  )
}

#3
Updated by Alex Kellner over 2 years ago

  • Status changed from New to Accepted

#4
Updated by Stefan Galinski over 2 years ago

This update separates the configuration code from the pseudo onReady event. It didn't worked for IE7 and below and if you moved the code to the head.

New configuration example:

page.footerData.31319 {
  10.value (
    position: 'bottom left'
  )
}

#5
Updated by Alexander Grein over 2 years ago

  • Status changed from Accepted to Resolved

Position (and look) can now be changed by:

lib.powermailjs.10 {
value = position: 'center right', offset: [0,0], message: '<div></div>'
}
[userFunc = user_powermailOnCurrentPage] && [userFunc = user_powermailCheckT3jquery(false)]
page.jsFooterInline.10 < lib.powermailjs
[end]

[userFunc = user_powermailOnCurrentPage] && [userFunc = user_powermailCheckT3jquery(true)]
page.31320.40.jsdata.cObject < lib.powermailjs
[end]​

#6
Updated by Stefan Galinski about 2 years ago

Hi,

Könntet ihr noch die CSS-Klassen für die Fehler anpassen/hinzufügen? Derzeit lässt sich das so nur etwas unvorteilhaft stylen, da die Fehler immer im TopLevel des DOM abgelegt werden und die Eingabefelder keine einheitlich Fehlerklasse besitzen.

messageClass: 'tx-powermail-pi1_error',
errorClass: 'tx-powermail-pi1_errorField'

Also available in: Atom PDF