formBuilder v1.24.0

v1.24.0 Brings a number of features and fixes to formBuilder:


  • Update value from preview
    • Changes to the preview will now change the data ina field’s edit panel.
  • Custom labels for subtypes
    • subtypes allow a user to switch between a text, email tel and other types from a simple dropdown but in the past this dropdown was not customizable. Now Labels can be passed in with other string translations.
  • setData action, Resolves #281
    • Set the stage with existing fieldData without reloading formBuilder
  • formRender onRender option
    • define callbacks to execute after a form has been rendered


  • reduced file size
  • more reusable internal api
  • Removed unused and redundant code
  • code cleanup
  • edit panel style updates
  • improved mobile support


  • select default value/placeholder Resolves #288
  • controlOrder option Resolves #292
  • toggle option not working with dataType: 'xml'
  • various xml data issues

JavaScript Moving Elements using Keys, the right way.

Screenshot from 2016-03-24 17-33-40The LinkedIn group for PHP Developers featured a jQuery tutorial on how to move elements with the keyboard. It linked to a tutorial on, an ok website with various with jQuery, PHP and MySQL tutorials. I’m interested in this sort of thing so thought I’d see what technique they used in their demonstration. It was this one. I strongly disagreed with the technique so left a polite comment on the share in LinkedIn stating there may be a better way to accomplish the task. Rather than starting a constructive discussion weighing pros and cons my comment was simply removed by author so I took it upon myself to write this article. Continue reading