Don’t forget to remove the static CSS file that we added to your template at the very beginning of this text! You can include your new CSS file into your HTML header with the headerData property shown above. Create a copy of the basic or the fancy CSS file that comes with Powermail (see folder EXT:powermail/res/css/) and modify it to your needs. So far so good – if this is what you need, you are done.īut Powermail allows you to apply extreme formating to both the form in the website as well as the emails that are sent out on submission of the form! Have a look: Formatting the website form Its easy and comfortable – have a look at the manual! The form will usually look nice and clean in the website and will show as a simple list of fieldnames and values in the email that is sent to you (the website owner) and in second email (optional) that is sent as a copy to the visitor of your website who filled in and sent the form. = 0 Forms with PowermailĪfter you have managed all the JavaScript hassles you are finally ready to create your first form. To prevent Perfect Lightbox from loading its own jQuery library use: # TS Constants To prevent Powermail from loading its own jQuery library use: # TS Setup Multiple script lines can be included between the brackets if you need to add more header lines to load additional JS or CSS files. You can painlessly load it from the Google libraries API using the following TypoScript: # TS Setup I switch them all off and include the latest jQuery version myself. To do that search the code for all script tags and check what they load.įor my own projects I never rely on any of the built in jQuery versions that come with many extensions. You should definitely check the resulting HTML code of your website to make sure that the busy zoo of extensions in your TYPO3 system does not try to install jQuery multiple times. If you are using the wide spread Perfect Lightbox extension, make sure you set it up to use jQuery too: #TS Constants Make sure your existing website does not use Prototype for any other purposes as it will conflict with jQuery. Since version 1.6.0 Powermail uses the jQuery JavaScript framework instead of Prototype. For a first trial I also recommend to add one of the two CSS templates (“fancy” for modern eye candy, “basic” for the more conservative mind). Older versions differ considerably! Install the extension and take the first steps along the manual.ĭon’t forget to add Powermail’s static template to your template record. These tips apply to Powermail versions starting with 1.6. Here are some tips and tricks that might come in handy if you start using it. The well known extension Powermail will fill the gap. When it comes to complex web forms the onboard TYPO3 content element “Mail form” soon reaches its limits.
0 Comments
Leave a Reply. |