Mochabomb

Web Design and Technical notes

Mochabomb header image 2

Updated VTiger webforms

March 2nd, 2007 4:01 pm · 2 Comments

The VTiger webforms is great and I made some updates to it - bring it closer to the great UI of Vtiger 5. I installed the webforms (with much thanks to “rhoobler” of the Vtiger forums for for making it into a joomla component here).

Excitedly I entered some test info, submitted and … dropdown values were lost and the error feedback was pretty minimal - works, but webforms lacked the “ajaxian coolness” of VTiger. It was time to back’er into the shop, pop the hood and get to work.

Webforms has been modified to be more flexible, stylish and robust - listed below are changes made to bring VTiger webforms closer to the UI standard of VTiger version 5.0.

See demo at http://mochabomb.com/Demo/cms/index.php?option=com_vtwebform&module=Lead

Download: Joomla vtiger webforms component zipfile    Standalone webform Lead zipfile

  • The table layout has been replaced with css
  • CSS with many classes for plenty of flexibility
  • Any field can be validated using the PHP Validator class
  • Forms retain all values when reloaded, including drop-downs
  • PHP Server-side validation responds with error messages adjacent to the field in error
  • Error messages use the “fade anything technique” for more stylish feedback
  • All fields are filtered of meta-characters to ensure more security against code injection attacks
  • Email domains are verified to be real (see Windows note below)
  • Email notification of new lead sent with lead information (from forum post here)
  • Distinct email format for the email lead notification and for the site visitor
  • HTML added to the existing “thank you” message to show

One version has the new version of the Lead and the other is a standalone webform Lead.
Documentation is online here and included with each zipfile; called VTiger-webforms-Lead.html

Issues:

  1. The standalone confirmation message is a page all by itself - what code is needed to keep it within the index.php page?
  2. No javascript validation - all done at the server - could save some time - at least there are no pop-ups..
  3. First and last name can be blank and it submits - need to fix this.
  4. email validation does not work with windows boxes.
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • Digg
  • Slashdot
  • Technorati
  • MisterWong
  • Reddit

Tags: vTiger

2 responses so far ↓

Leave a Comment