Home

BreezingForms Configuration

image

Contents

1. Table of Contents TOMER VIEW scare oncctarestints Sitar andia iaaa anaa ara daa Daaa DADANE e aR NEAT AEn PAA EASE ea un AERA KENA Ea A E wis 1 2 G tting Started soe Mai a ern ec a a cate A E 2 2 1 Subscription Plans Disclaimer ss sssssssssssssssssssssssssnnsssnsnrnnnennnnnnnsnnnnnnnnnennnnnnnnnnnnnnnnnnnnnnnnnnnnnannnnnnnanana 2 2a Requirements aie a a a a a a ai 4 2 3 Installing Breezing FORMS sss sssssssssssssssssinsssssnrnnnennnnnnnnnnnnnnnnnnnnnnnnntnnnnnnnnnnannnnnnnnnannnnnnnannnnnnnnnan antennan aaa 4 2 4 Installation Errors You May R Ceive wcaw cuconendewds nach uid cated ousnnaieacanni 23 3 Using Breezing FOr Sissmisiriensin nnkan a e a a a a a a 27 3 1 CONTMPULAUON iraina edi ea iaaa a nde sawn dacdswadicnadeaumeg aT 30 4 Working with Form Mod eS irrsrnssuiiainsae aai AS 3 ATOMIC Mode araa aaa a E a a a aa aa A aa E e 40 4 2 Easy MO derinin asunsa aee i a a e R Rees 74 4 3 CLASSIC Modeni iaoiai eiiiai eE declan GENE Ea ade 74 5 FAQ s Coding Tips and Ide Sirnes a RRS 77 User Guide Crosstec Breezing Forms 1 Introduction Breezing forms is a complete Customizable solution for your Joomla powered website As the 1 Component to creating amazing Customizable Forms Breezing Forms I praised on its ability to deliver an easy to use yet powerful solution to Creating Registrations forms appointment calendars and even Job Applications Its mission is simple create a amazing form with little to no experience i
2. At the page level your text would appear above the form To do so click on the Page title in the left hand tree and then click on the EDIT link to the right of the word INTRO in the right hand properties Within the editor that opens you can add HTML images etc To place text elsewhere in the form create a new section where you want the text to be placed and then click on the EDIT link that will appear in the right hand element properties Within the editor that opens you can add HTML images etc Form Jumps to ReCaptcha As soon as open the webpage with my form on it it jumps straight to the ReCaptcha field How can I make the focus stay at the top of the page In that file look for this code Code bfReCaptchaDiv theme addslashes Smdata theme callback Recaptcha focus_ response field and replace it with Code bfReCaptchaDiv theme addslashes Smdata theme Page 124 User Guide Crosstec Breezing Forms Now in Build 730 and higher go to administrator components com_breezingforms libraries crosstec classes In Build 729 and lower go to administrator components com_facileforms libraries crosstec classes and do the same thing Open the file BFQuickMode php and in that file look for this code Code bfReCaptchaDiv theme addslashes Smdata theme Calsliback VRecapechay FOcusmresponsem reid and replace
3. Create code framework for action now Existing code will be appended Click on OK Look for this line case Yaolick s Add a new line UNDERNEATH that line as follows window print So the code framework should look like this Page 130 User Guide Crosstec Breezing Forms Pinicti Pore LE PrintBucton action elenent action Switch action Cals Sulla lkale window print break Gleicenbulic 8 F Nak amsrolat Dey 2 Prince eurton action Click on SAVE PROPERTIES to save the element and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Now you need to add a SUBMIT button to the form To do so create a new element with the following properties Type Submit Button Label Submit Name submitButton Value Submit Click on the SAVE PROPERTIES button and then go to the Advanced tab Scroll down to the ACTIONSCRIPT section of the page and add the following settings Type Library Actions Click should be CHECKED Script FF ff_validate_submit Click on SAVE PROPERTIES to save the element and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself You should now see two buttons on your form one to print and one to submit Go ahead give it a try and test your form If you ve done everything right a print window should appear when you click on the print button and once you say OK to print a print dialog box
4. Sthis gt sendMail Sfrom fromname yourAdmin3 email com Ssubject Sbody This line actually emails the form Can be added as many times as needed one for each Email address you need to send out File Upload Timestamp Fix When files are being uploaded the timestamp appears in the extension Is there a way to make it appear before the filename instead Page 101 User Guide Crosstec Breezing Forms This code will add the date before the filename and keeps the extension intact In Build 730 and higher open the following file Look for line 3821 normal upload path baseDir userfile mame ise Stimesicemo Spata Y Carce Ymes s i zile exists epath End mds me rand 0 me gevrandmax path ebasebir ord suscrhile mame Wi Stailmeastemo path 95 Cate wml p i zile exists Sicily Sthis gt status FF STATUS UPLOAD FAILED Sthis gt message BFText PROCESS FILEEXISTS Teriam Yp J if Replace it with if Stimestamp Stime path date YmdHis Spath SbaseDir Stime path Suserfile name i sile Seals Sicerel i i Sthis gt status FF STATUS UPLOAD FAILED talgs gt message EU lexercg PROCESS ETLEPXISTS p weicuiem vp i Next find line 3916 flash upload Page 102 User Guide Crosstec Breezing Forms Sparta baseDi
5. How do I make sure that my Password and Confirm Password text fields match I don t see a library script to validate passwords You can create a new library script to handle this type of validation Here s how 1 Go to Components gt BreezingForms gt Manage Scripts 2 Click on the NEW icon in the upper right hand corner of the screen to create a new script 3 On the screen that opens enter the following variables Title Validate password repeat Published YES Package FF Name ff_password_repeat Type Element Validation Description Validates that two password fields match Note The second password field must be named FIELDNAME _repeat where FIELDNAME is the name that you assigned to the first password field 4 In the codebox text area enter the following code Code function ff_password_repeat element message if element value if message message element name is empty n ff_validationFocus element name return message if try var repeat element name split ff_nm_ 1 split 0 if ff_getElementByName repeat _repeat if message message repeat has no repeat password field n ff_validationFocus element name return message yelse if ff_getElementByName repeat _repeat value element value if message message element name and repeat _repeat do not match n ff_validationFocus repeat _repeat return message Pag
6. 2 Nonempty values will send data from all fields which were completed but will not send data from fields that were left empty 3 All values will send data from all form fields whether completed or not Attachment You can choose whether to send an attachment with the Mailback Email The options are 1 No do not send attachment 2 XML send form data in XML format 3 CSV send form data in CSV format 4 PDF send form data in PDF format Page 50 User Guide Crosstec Breezing Forms Alternative From Email Alternative From Name By default BreezingForms uses the Email address and name defined in your Joomla global configuration settings as the From name address for form emails There may be times however when you want the From field to show a different name and or Email address If so you can specify those here Custom Email Subject If you want the Mailback Email to have a custom subject that will appear in every Email sent for this form you can define it in this field Edit Emails 1 Default uses the default Email template or custom template if you have created one as described in this section of the KnowledgeBase http crosstec de support index php pid knowledgebase amp cmd viewcatclient amp id 52 2 Custom This is a new feature in BreezingForms 1 7 3 You can now create a quick Email template using a simple tagging system When you click on the Custom button a new section will a
7. 2 Replace all instances of mygroup in the code above with the name of your checkbox group You can find the name in the field underneath the LABEL field in the element properties screen 3 Also note the instructions included within the comments of the code above File Upload Restrict Allowed Extensions Can I restrict the Allowed file extensions that a user can upload You can specified the allowed extensions in the File Upload element Go to the Advanced tab of the form and in this field Allowed file extensions you can see that the default allowed extensions are zip rar pdf doc xls ppt jpg jpeg gifpng You can modify that as you wish Just note that you should NOT put a dot before the extension name Form Text Won t Save Iam trying to save text in a page but no matter what I do it won t save Why not This happens with sections too Are you using JCE as your text editor If so there is currently a known bug that we are trying to resolve but switching to TinyMCE has worked for the users that have reported the issue to us Page 70 User Guide Crosstec Breezing Forms When creating text there are three things that you need to do in order to save it 1 Click on the SAVE icon at the bottom of the text entry WYSIWIG screen 2 Click on the SAVE PROPERTIES button to save the form element 3 Click on the SAVE icon in the upper right hand corner of the screen to save the text itself Is There a Way to Add Text
8. CE mlenencNeme accionlelem Action if action change elem value elem value toUpperCase return elem ElementName_ action 7 Click on the SAVE PROPERTIES button at the bottom of the screen to save the changes to the element 8 Click on the SAVE icon in the upper right hand corner of the screen to save the form itself 9 Test it out it should work How do I make a textfield Read Only in EasyMode To make a text element read only in EasyMode please do the following 1 Click on the Form Settings icon at the top of the page 2 Go to the SCRIPTS tab 3 In the Initialization Script section click on Custom 4 Click the Create code framework text It s a link A popup will appear that says Create code framework for init now Existing code will be appended Click OK 5 A textarea will appear that looks something like this Funct ton tt YourrormNames ant ti 7 7 EE YourFormName anit After the first curly bracket add Page 161 User Guide Crosstec Breezing Forms fr GethlementByName bila readOn ly true So the final code should look something like this funeiiton LE YourFormName imir r gechlementbyNeme ola reacOnly strtue Xourkomwene imit Remember to change the bla in the getElementByName line to the actual name of your textfield element Also the YourFormName text in the first and last lines should actually match the name of
9. Guide Crosstec Breezing Forms Manage Records Manage Backend Menus Manage Forms Manage Scripts Man FacileForms Create Package D v Package Name mypok_001 Package Version 0 0 1 Package Title My Furst Package Author Name My Name Author Emait my name my doman Author URL hitp Aervewe my domain Description This is the frst package that created Copyright This FacteForms package is released under the GNLI GPL boense Form Selection Backend Menuitem Selection Quick ModeForms Quick Foem 1877 116982 Quick ModeForme Quick Foem4296023905 Quick Mode Forms test Select all Clear selection Select all Clear selection Script Selection Piece Selection FF 4t_angchecked a FF ft_addCustomCSSFile A FF 4f_checked Fi FF f_Comstants 7 FF f_checkedValue l FF ff_die FF df_coutQuarySelections FFiff_DisableForm Trace FF df_exp String i FF dt_DisableSubentTiace FF 4t_flashupload_not_empty FFsdt_ dying FF 4f_gethoous FF 4t_enpStnng FF 4t_get Query SelectedRows FF dt_getPageByNameX FF 4t_get Query Selections FF if _get Param FF df _imp Swing FF ff_get Submit FF df _ineger FF ff_imp Suing FF dt_integet amount FP sit intl FF dt integer o empty FF H_makeFornUi FF df_netpage FF if_makePageLil FF df_pagel FF Hf_make Sel Ui ba Select al Ch ars a jects 1 continue cancel ID Leave the ID section blank Package Name Give your package a name file name no spaces Version Assign a version number to your form Package
10. In Build 730 and higher Creating a Two Column Form I need a form with two columns Can you tell me how to do that Highlight the page in the form tree on the left hand side of the page Click on the NEW SECTION button and set the properties as follows Type Normal Display Type All ina Row Page 88 User Guide Crosstec Breezing Forms Title Section 1 Rename as you see fit this is for illustration purposes Section Name You can name this yourself or leave it with the name automatically assigned by BreezingForms Note that if you rename it that the name should include only letters numbers and underscores Special characters and spaces should NOT be used Now highlight the Section 1 that you just created and click on the NEW SECTION button again This time set the properties to Type Fieldset Display Type Wrap after each element Title Section 1A Rename as you see fit this is for illustration purposes Section Name You can name this yourself or leave it with the name automatically assigned by BreezingForms Note that if you rename it that the name should include only letters numbers and underscores Special characters and spaces should NOT be used Once again highlight the Section 1 that you just created and click on the NEW SECTION button again This time set the properties to Type Fieldset Display Type Wrap after each element Title Section 1B Rename as you see fit this is for illustration pu
11. Replace Choice1 Title Choice2 Title Choice3 Title with whatever text you want to show in the dropdown list Now go to the Advanced tab of your select list element In the Actionscript section make these changes Page 144 User Guide Crosstec Breezing Forms Type Custom Actions Change the third checkbox from the left In the Create Code Framework textbox enter the following code cules ice ChOCES econ Semisonic eleicaLein switch action case change if element value Page 1 location href http YourFirstLink com else if element value Page 2 location href http YourSecondLink com else if element value Page 3 locaklone ine k ANTEE CONIAC omy break default ewite kE Choose action Remember to replace the location href URLs with your actual page links NOTE If you name your element something other than Choose then you will need to change the first and last line of the code to match your element name by replacing the ELEMENTNAME text to the actual name of your element function ff ELEMENTNAME action element action and at the end of the code ff ELEMENTNAME action Now click on the SAVE PROPERTIES button at the bottom of the screen to save the element you just created and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Test it out you should now
12. Sf Zi Phoca Download s up to date Once you re on the Manage Forms screen click on the green QuickMode icon as circled below Page 36 User Guide Crosstec Breezing Forms Administration Site Users Menus Content Components Extensions Help m breezingformsI Manage Records ManageForms Manage Scripts ManagePieces Integrator BreezingForms 1 7 5 Stable build 761 Manage Forms Titie Name Pages E Contactform SampleContactForm 1 E Usingtabs for page navigation SampleTabNavigation 123 E Country selection SampleCountrySelect 1 E Piece sending mail SamplePieceApp 1 E Embedded php code SampleEmbeddedCode 1 E Pizashop SamplePizzaShop 123456 E RocKNRoll dance contest registration RnrContestRegist 12 E RocKNRoll dance contest partipicant list RnrContestList 1 E Submit Content SubmitContent 123 E Submit Content Preview SubmitContentPreview 1 Contact form SampleContactForm 4 FI Usingtabs for page navigation SampleTabNavigation 123 orm Properties Manage Backend Menus Width 400px 470px 320px 350px 100 400px 470px Configuration Package Samples Height ScriptiD Published 450px 1 5 420px 2 4 px 3 g 400px 4 A 300px 5 I 400px 6 A 200px 7 Auto 10px 8 7 500px 9 7 Auto 10px 10 7 450px 26 420px 27 g Reorder a a a oe ar A Cean Cache Log out OOB Publish Unpublish Delete Bovisiors 1Admn 0 AB previewS QuickMode Jessy Mode ClassicMode C
13. To install the plugin please follow the steps below Log into your Joomla administrator and go to Extensions gt Install Uninstall Extensions Help Module Manager Plug in Manager Template Manager amp Language Manager tipio th gee v In the extension manager under Upload Package File click on the BROWSE button A and navigate to the unzipped BreezingForms folder You must unzip the initial BreezingForms download file before you start Select the package plg_breezingforms_ version zip click OPEN B and then click on Upload and Install C File Upload Look inc breezingforms_170_UNZIP_FIRST Ecom _breezingforms_170 2 mod _breezingformes_170 2d pig_breezingforms_170 Di com_breezingforms_170 2i9 IMPORTANT README txt LICENSE txt E mod _breezingfoerms_170 2i pig_breezingforms 170 2ip a Extension Install Components File name plg_breezingfoims_170 2p Files of type All Files Upload Package File Package File Upload File amp Install Page 18 User Guide Crosstec Breezing Forms Once successfully installed you ll see the following screen which will also provide you with information on how to use the plugin Joomiarlr Site Menus Content Components Extensions Tools Help amp Preview o mi Extension Manager instali Components Modules Plugins Languages Templates O Install mambot Success BreezingForms FacileForms mambot Disp
14. Ww acielashes Scontent Jo UN estry les Y J A CAA eau A te Olah sil ai Bhi That should do it Page 143 User Guide Crosstec Breezing Forms Abuse Warning Error l am trying to export a package of a form I created so I can move it to a new site When I click on the continue button for Create Package get ABUSE WARNING Your attempt to hack BreezingForms has been registrated What s wrong Check to see whether the folder PACKAGES in administrator components com_breezingforms is writable If it is not that could be one reason why you are getting this message You could also try enabling the Joomla FTP layer to see if that removes the error Another possibility is that there could be an ownership error The packages folder should be owned by the webroot If you change the permissions on the folder to 777 and the error message disappears when creating a package then that can be a clue that ownership is the issue Use Select List to Jump to Different URL I want to make a dropdown box where if they choose one option it will go to one URL option 2 would redirect them to a different URL option 3 to yet another URL and so on Is that possible Yes it is First create a select list element For the purpose of this example we will name the element Choose In the List field of the element put 0 Choose Page 0 Choicel Title Page 1 0 Choice2 Title Page 2 0 Choice3 Title Page 3
15. above and below the entry screen 5 Add whatever form elements you need into the first page of the form 5 Create a new Page Page 2 and enter a Thank You message in the Description You can access it via the EDIT link next to Description You can use HTML images etc in this field Then click SAVE PROPERTIES to save the element text 6 Click on the SAVE icon in the upper right hand corner of the screen to save the form itself 7 Test the form it should now work Populate Fields from Database Table Is there a way to populate fields from a database table Page 106 User Guide Crosstec Breezing Forms Contributed by Erich Haubrich looked around for a way to populate fields in a form from the database if a user is logged in hacked together a few pieces of code and came up with this IT WORKS Note I am using it in Quick Mode In this case the table that I m pulling from has the user s email address in it this grabs the email address of the current user and finds that email in the table am querying then populates the field values of the form am using it to populate the mobile phone and home phone of the user in a contact form Before Form Piece Get the lead info fo the current user SHES SSNS Gees VNie gee Se pis taller z global Sdatabase Srecord Smy Sid S my gt email Sdatabase gt setQuery SILICE PROMS Os Your tanie mame WHERE email Sid 7 Srow database
16. and or Back label as applicable to each page To do so choose Yes here If your form is only one page long you can disregard the settings the labels will only appear on a multi page form e Include Cancel Button If you want to include a Cancel button at the bottom of your form please choose Yes here If you would prefer to include a Cancel button that uses a custom graphic please click here for instructions on how to do so e Cancel Button Label If you are using the default Cancel button for your form rather than one using a custom graphic you can choose to label it whatever you want e g Cancel or Clear Form To change the button s label just type the alternate text you wish to use in this field e Save Properties Once you have filled in the necessary fields on the Properties tab click the Save Properties button located at both the top and bottom of the screen e Save Form Important The Save Properties button only saves the parameters of the form tab that you are on IT DOES NOT SAVE THE FORM ITSELF To save the form click on the Save icon in the upper right hand corner of the page Page 39 User Guide Crosstec Breezing Forms Advanced Form Properties Learn more about advanced form properties QuickMode Advanced Form Properties From the Advanced tab you can define a number of form effects as described below m y breezingforms i Manage Records Manage Backend Menus Manage Forms
17. build a simple form but all submitted values with foreign letters for example Z d are showing as an question mark How do l fix this Please check in your PHPMyAdmin to see whether your database CONNECTION not the collation is set to UTF8 If it isn t then please change it save the change and then test your form It should work Is there a way to reduce the size of the captcha box You can make changes to the settings in this file Page 146 User Guide Crosstec Breezing Forms If you want to change some of the styling for the Captcha box you could also check the bfCaptcha settings in this file Select List Calculations Averaging My form has four Select from list fields each with six options ranked 1 to 6 want to have a field that shows the sum of these four fields divided by 4 to have the average and multiplied by 1 66 to have a grade on a scale of 10 Can I do that Add a textfield probably set it to read only and give it the name not title result In the advanced tab for each select list go to the Actionscript section and then put a custom action on each select list To do that go to the select list element gt advanced tab gt Actionscript gt click custom gt check the change checkbox gt click create code framework Right after case change put this ff Gecklemen LByName ressuli value i Number ff GetcklementbyName SELECT 1 2 value N
18. check out the samples to get into business Choose from the menu Components BreezingForms Contiguration to proceed with the configuration now No messages have been generated gt Continue J Page 10 User Guide Crosstec Breezing Forms Alternate Component Installation STEP 1 OF 2 Occasionally Joomla s Extension Manager will fail to install the component If that happens please take these steps instead 1 Unzip the initial BreezingForms zip file breezingforms_ version _UNZIP_FIRST zip i e breezingforms_175_UNZIP_FIRST zip Once unzipped you should have a folder which contains the following Include in library Share with Burn New folder Name Date modified Type Size d additional_themes 6 7 2012 6 41 PM File folder 3 com_breezingforms_175 5 3 2012 12 10 PM zip Archive 17 mod_breezingforms 11 29 2010 12 53 zip Archive ces plg_breezingforms 8 22 2011 10 50 AM zip Archive 5 2 THEMES_INSTALL_README 2 6 2012 9 41 AM Text Document e fcase 2 Now unzip the com_breezingforms_ version zip file i e com_breezingforms_171 zip Once unzipped you should have a folder which contains the following Page 11 User Guide Include in library Share with Burn Name d admin d site breezingforms ces install 3 2 A uninstall e fcase S New folder Date modified 7 2 2012 11 49 PM 7 2 2012 11 49 PM 25 pa 25 2479 22 2012 6 33 e e 023 2012 6 33 AM AM 25 2012
19. cue that the field is required However in order to actually force validation of an element you must invoke a validation script rule You do that in the Validation section of a form element Page 62 User Guide Crosstec Breezing Forms Under most circumstances you will want to choose a validation rule from the library To do so click on the Library radio button next to Validation as shown above Next enter an error message in the ERROR MESSAGE field This is the error that will appear to a user if the field does not validate Finally click on the dropdown arrow to choose a script to invoke a validation rule The scripts validation rules that are installed with BreezingForms include The script to use will depend on the element type Scripts and validation rules are listed below in alphabetical order Page 63 User Guide Crosstec Breezing Forms FF ff_anychecked Validates that a radio button in selected in a radio group or that a checkbox has been checked in a checkbox group Can be used with the following elements e Radio Group e Checkbox Group FF ff_checked Validates that a radio button or checkbox is checked Can be used with the following elements e Radio Button when only one in use e Checkbox when only one in use FF ff_flashupload_not_empty Validates that a file is uploaded using the Flash option in the File Upload element Can be used with the following elements e File Upload
20. error then try 2 below Page 23 User Guide Crosstec Breezing Forms 2 Go to Help gt System Info gt Directory Permissions and make sure that your directories are writable If not it would definitely affect the ability to install save changes etc Below is a link to the Joomla Help site where they discuss the need for writable directories Start at this page http help joomla org screenbooks JoomlaHelp web Joomla B1 Installation Books B3 The Joomla I nstaller slide05 htm And then click through the slides for more information Here is another post with additional information http forum joomla org viewtopic php t 121470 Try changing permissions as they recommend and check to see if your BreezingForms installation works correctly after that If it doesn t then I would recommend you use the alternate installation method For more information please see this KnowledgeBase article http www crosstec de support index php pid knowledgebase amp cmd viewentclient amp id 6 Installing with XAMPP I am trying to install BreezingForms on an XAMPP server but have been unsuccessful in getting it to work If you are using version 1 7 4 you might want to consider downgrading to version 1 7 3 Many forums indicate that XAMPP 1 7 4 is nota very stable application Joomla and many of its extensions including BreezingForms have some serious problems with it Buttons and Menu Items Missing in Admin After doing an
21. gt loadObjectList Srecord Srow 0 FORM VALUES Name lt php Suser amp JFactory getUser return Suser gt name gt Email amp JFactory getUser return Suser gt email gt ll lt php Suser Home Phone lt php Global Sr cord return Sr ecord shphone 27 gt Mobile Phone lt php global Srecord return Srecord gt mobile gt Page 107 User Guide Crosstec Breezing Forms If you just want to populate the name and email then you can skip the Before Form Piece and just use the values for Name and Email Auto Populate a Select List from Database Table Is it possible to automatically populate a select list from a database table Yes this is possible You will need to write a Before Form Piece a small PHP script that gets executed before the form is loaded Within it you can specify a SQL statement query the database and put the results into your form The values of a select list have the form 0 00 bar so all you need to do is to dynamically build a string with the desired values and then provide it to the function mentioned below Here is a sample Before Form Piece Jn em exe Ol wecem y Namen yeti lil dalle Stest TAN For Say Of Si lt K lt 1Os Sait Steck OrpProcticnr Sal beweduet Sal in s LUNCCLON hn SetSelectlist Snenme oval ue Slob etm eproces sor tor r 07 r lt EE i hOCenner LONCcOUMGy Serr 1 STOWE amp Sff pr
22. in Forms How do I change the fonts in my forms Make a new template which you can adjust as you please To do so go to your templates folder In Build 730 and higher Make a copy of the default folder and paste it back in with a new foldername i e mytheme Open the theme css file in your new folder You will see that each of the CSS elements is laid out and ready for whatever changes you want to make to fonts colors etc For example if you wanted the text to be in Comic Sans MS here is the CSS you would need to adjust to accomplish that bfQuickMode font family Comic Sans MS font weight bold font size 20px 3 Once you ve made the necessary changes save the CSS file and reupload it your new mytheme folder Then in the form properties select mytheme from the Theme dropdown list CSS for iFrames Can I use CSS in a form that is running in an iFrame Page 96 User Guide Crosstec Breezing Forms Yes you can This forum post offers one possible solution You could also echo the link rel inclusion as a BEFORE FORM piece Form Properties gt Advanced Tab gt More Options Link gt Form Pieces Then in the BEFORE FORM section click on the CUSTOM button and add the following code this gt execPieceByName ff_InitLib echo lt link rel stylesheet type text css media all href JURI root path to stylesheet css gt Then click on the SAVE icon at the bot
23. it 4 Click on the UNINSTALL PACKAGES icon in the upper right hand corner of the screen 5 An alert will appear asking if you re sure you really want to uninstall the package It s okay be brave Do it You ll now be back at the PACKAGE INSTALLER screen 6 Unzip the attached zip file and save the included stdlib english xml file to somewhere on your hard drive 7 Now we want to reinstall that package By default the radio button for UPLOAD PACKAGE FILE FROM CLIENT amp INSTALL should be selected 8 Browse to the directory on your hard drive where you stored that xml file and select it Highlight the file and click OPEN or double click the file and it should then appear in the filename field 9 Now click on the INSTALL PACKAGE icon in the upper right hand corner of the screen 10 You ll then be directed to a Package Installation Report Click the CONTINUE icon at the bottom of the screen 11 Now that part is done so go to the MANAGE FORMS section and re open your form 12 Once open click on the SAVE icon in the upper right hand corner of the screen Now test your form It should advance properly through the pages Error Too Much Recursion My multi page form won t advance to the next page When I check the Firefox error console see this message Error Too Much Recursion What do I do Page 110 User Guide Crosstec Breezing Forms To fix this you need to reinstall the script library To do so follow
24. it with Code bfReCaptchaDiv theme addslashes Smdata theme Focus should now be returned to the top of the page Page 125 User Guide Crosstec Breezing Forms Put Cursor in First Field How do I get the cursor to be in the first field of my form when someone goes to that page In techno speak this is called getting focus If your form contains only one page or one page and a thank you page do the following 1 Go to the Advanced tab of the first element on your form 2 Scroll down to the Initscript section and add the following settings Type Custom Form Entry or Page Entry Put a checkmark beside FORM ENTRY Script FF ff_getfocus 3 Then click on SAVE PROPERTIES to save the changes you just made to the form element 4 Now click on the SAVE icon in the upper right hand corner of the screen to save the form itself If your form contains multiple pages then follow steps 1 4 above for the first page On subsequent pages do the following 5 Go to the Advanced tab of the first element on the second third fourth etc page of your form 6 Scroll down to the Initscript section and add the following settings Type Custom Form Entry or Page Entry Put a checkmark beside PAGE ENTRY Script FF ff_getfocus 7 Then click on SAVE PROPERTIES to save the changes you just made to the form element 8 Now click on the SAVE icon in the upper right hand corner of the screen to save the form it
25. option of adding details for additional travelers Is there a way can change the page conditionally based on the number they select You can do this by putting a custom action on the element For example if you are using a select list to show the number of travelers say from 1 to 6 your list would look like this Page 158 User Guide Crosstec Breezing Forms 0 1 1 0 2 2 0 3 3 0 4 4 0 5 5 0 6 6 For the purpose of this example let s name the element NumberOfTravelers Then go to the Advanced tab of the select list Type CUSTOM Action CHANGE third checkbox from the left Click on CREATE CODE FRAMEWORK A screen will popup that says Create code framework for action now Existing code will be appended Click on OK In the text area you will see something like this Pinct rom froNimberOrhravelers vce hon element eae 1 on Switch action case change break default L J awitan ff NumberOfTravelers_action Change it to UNECE ONE Er ANUME OnE rave lers racit ONCement Eae swieca actioni 4 case change if element value 1 fF switchpage 7 else if element value 2 bi iswitchpaget2 7 y el se ir elenenc value 3 J1 fr switehpage 3 else if element value 4 ff switchpage 4 else if element value 5 fitswa Cehpage 5 b el ge ir element val e 6Y J4 ff switchpage 6 Pag
26. oti GDE Omt y SD isecctioma Tsectaomil ESeCbLOM See TION Page 136 User Guide Crosstec Breezing Forms function mytoggler brrogglerieleds Tont section Section bfDeactivateField borroa lerields Vem Veeco VSEcTion2 bfDeactivateField Ha r 2 gt The code once complete should look something like this fine tron ft EORMNAME imi c lt php iel JgPraOtory 0etcUser Sojsic ict 0 gt echo function mytoggler orroggleriesldes ori section Becton bfDeactivateField brrogglertelds Toni T Section section bfDeactivateField We r else echo function mytoggler orrocglermieldes on Se CE MOn VSecrciomiY bfDeactivateField briogglerields Tont Ysecicilom sectsaom2 Page 137 User Guide Crosstec Breezing Forms bfDeactivateField We r gt ff FORMNAME init Next go to the FORM PIECES tab In the AFTER FORM section click on the CUSTOM radio button In the text area that opens enter the following code return lt script gt JQuery document ready function mytoggler J Senior r Now click on the SAVE icon in the lower right hand corner of the screen to save the script and form piece changes that you made Once back on the form properties page click on the
27. solic S 4 lengra l S recrurn message 17 2 element namet faild in my test n message var vDate new Date Number element value split 1 1 element value split 2 element value split MAO Op 0 0 Olen gee Lament ye var today new Date today setHours 0 today setMinutes 0 today setSeconds 0 today setMilliseconds 0 today today getTime r if vDate lt today if message message element name faild in my Eee aT return message La return 7 This example is for the js calendar default date pattern MM DD YYYY therefore the javascript above might be slightly different for other patterns for instance german Also note CALENDARITEMNAME has to be replaced by your calendar item s name This is automatically done by clicking Generate Code Framework Visibility Rules Don t Display in IE I have a form with conditional visibility rules and it works fine in FireFox and Chrome but the rules don t work in Internet Explorer 7 or 8 Please help In some cases the problem originates with template code For example a number of templates from RocketThemes have an advanced option to customize the look of form elements Try disabling that feature in the Template Manager section and see if that corrects the issue Thanks to user gtmaniak for the suggestion Page 141 User Guide Crosstec Breezing Forms Another possibile solution Turn on JS Compa
28. that contains your summarize elements right click on it and then click on PASTE Once you have done that for each element you need to delete the original elements that you created They should be the ones at the top of the page Your copied elements will show up below them Now open up each of the summarize elements and make sure they are correctly mapped to your original elements Click on SAVE PROPERTIES for any summarize element that you have to change and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Page 71 User Guide Crosstec Breezing Forms Section Short Cut If your summarize elements are contained within a section this becomes much easier You can then highlight the SECTION name in the left hand directory tree right click on it and click on COPY Next highlight the Page line in the directory tree that contains your summarize elements right click on it and then click on PASTE Now open up each of the summarize elements and make sure they are correctly mapped to your original elements Click on SAVE PROPERTIES for any summarize element that you have to change and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Stop User From Entering Spaces in Field I have the Value Not Empty rule in effect but some users are entering spaces in the field instead of typing a real response and it is getting past the rule Is there
29. the values to display across the entire form They break into two lines Is there a way to fix that First copy one of the theme folders e g QMtheme and rename the folder to MyTheme or whatever name you want to give it Next take a look at the HTML source code for your form Every form element is assigned a unique ID selector which can be used to add custom styling to the form For your checkbox group element locate the unique ID selector and then define it in your new theme css file as follows Code i LD OP DIYV width 100 Page 129 User Guide Crosstec Breezing Forms Printing a Form We want our users to be able to print out their form Is there a way to do that Yes there is First on the form properties screen make sure that the INCLUDE SUBMIT BUTTON option is set to NO and then click on SAVE PROPERTIES Now you need to create a Summary page for your form If you don t know how to do that please see the section How To Create a Form Summary Once you have added all of your summarize elements create a new element with the following properties Type Submit Button Label Print Name PrintButton Value Print Page Click on the SAVE PROPERTIES button and then go to the Advanced tab Scroll down to the ACTIONSCRIPT section of the page and add the following settings Type Custom Actions Click should be CHECKED Click on the words CREATE CODE FRAMEWORK An alert will appear that says
30. with Use Flash Upload checkbox checked in Advanced Properties FF ff_integer Validates that an integer value is entered Can be used with the following elements e Textfield e Hidden Input FF ff_integer_or_empty Validates that either an integer value or nothing is entered Can be used with the following elements e Textfield e Hidden Input Page 64 User Guide FF ff_integeramount Validates that a positive integer value is entered Can be used with the following elements e Textfield e Hidden Input FF ff_real Validates that a real number is entered Can be used with the following elements e Textfield e Hidden Input FF ff_realamount Validates that a positive real number is entered Can be used with the following elements e Textfield e Hidden Input FF ff_securitycode_entered Checks that a security code was entered Not used in QuickMode FF ff_securitycode_ok Checks that a valid security code was entered Not used in QuickMode FF ff_showvalidation Displays element validation Used for debugging Page 65 Crosstec Breezing Forms User Guide Crosstec Breezing Forms Can be used with the following elements e ALL except Submit Button Summarize Captcha ReCaptcha PayPal Button DirectPayment Button FF ff_ unchecked Validates that a radio button or checkbox is unchecked Can be used with the following elements e Radio Button when only one in use e Check
31. your form This should happen automatically after clicking on Create code framework Captcha Image Not Displayed I added a captcha to my form but the captcha image won t display Help Are you using Akeeba Admin Tools by any chance If so please try this suggestion we received from another user In Akeeba Admin Tools the following Exceptions have to be put in components com_breezingforms images captcha securimage_show php components com_breezingforms images captcha securimage php Page 162
32. 1 They are logged in when they complete the form and 2 In the menu item where you connect the form you set the Submission editable by user parameter to YES Captcha Not Stopping Spam I have Captcha implemented but it isn t stopping spam from getting through Help Here is something you can try 1 Create a new hidden input element as the first element of your form NAME yourfirstname VALUE empty don t put anything in the value field 2 In your form s properties gt Advanced tab gt More Options gt Submit Pieces gt Before Submit add the following code SenM iSe C CRecce By Namen E a Tn o ie EE GecSuomi I yorni irestnmeamet L exit vy The regular bots will try to fill in this element and before form submit The code above will exit the application if this element is not empty which would result in the submission not being stored Page 155 User Guide Crosstec Breezing Forms Copy Element Value to Another Element I have a billing and shipping address section in my form want to add a checkbox that says Same as Billing which would automatically copy the field data from each field to corresponding fields in the shipping section Is that possible Yes this is indeed possible To do this you need to create a custom action in the Same as Billing checkbox element that would generate the copying of the fields Go to the checkbox element s properties gt Advanced tab and scroll down to the A
33. 6 33 AM Crosstec Breezing Forms Type Size File folder File folder XML Document PHP Script PHP Script 3 Next login to your server via FTP or through cPanel s file management system and navigate to the tmp directory in your Joomla root Double click on it and then create a new direction which we ll call bf_install for the eS of this sauis A F gt 9 a we x B A Lenin im a sas 4 wnload Delete Rename Edit Code HTML Change View Extract Compress Editor Editor Permissions A Home 7 Up One Level m Back E Forward A Reload iy Select all G Unselect all Name ee bf_install a index html 4 Once created double click on the bf_install folder to open it 5 In the left hand directory tree in your FTP tool or cPanel screen navigate to the folder where you unzipped the com_breezingforms_ version zip file and double click on it Then select all of the folders and files in that window for upload into your tmp bf_install folder Page 12 User Guide Crosstec Breezing Forms 824k esae S B a hiatal ci ya A 4 wnload Delete Rename Edit Code HTML Change View Extract Compress t or Editor Permissions A Home F Up One Level m Back E Forward gt Reload I Select all C Unselect all Name admin site breezingforms xml Hee com_breezingforms_175 zip install php uninstall php Your tmp bf_install folder on the right hand Remote System side should now contain
34. FR or myFormSP 3 Translate all items for each form 4 Publish the master form as a regular BreezingForms menu item 5 Translate the published menu item using Joomfish and in the formname field use the unique name as described above e g myFormFR or myFormSP You will see that this is a lot faster and less stressful than using Joomfish How Do Create a Hidden Menu I need to publish an article on my site but don t want to show it in the menu Is there a way to do that Yes there is Go to Menus gt Menu Manager and then click on the NEW icon in the upper right hand corner of the screen In the screen that opens enter the following information Page 121 User Guide Crosstec Breezing Forms Unique Name hidden or invisible or whatever you want to call it this should be a single word with no spaces or other special characters Title Hidden Menu or Invisible Menu or whatever you want to call it Description Enter a descriptive phrase Module Title Leave blank When you are returned to the Menu Manager screen make note of the ID that is assigned to your hidden menu The ID should be the farthest column on the right Now when you hover over the MENUS tab at the top of the Joomla screen you should see your hidden menu listed there Click on it and then click on the NEW icon in the upper right hand corner of the screen In the dialogue box that opens select Menu Type Articles gt Article Lay
35. I created a form with calculation elements The calculation elements calculates the value of several list elements within a section and present it as a value So far so good In the list element I created a list 0 09 volw 2200 2200 so the viewer sees 2000 But in the calculation field it simply shows 2000 What do I have to do to show the sign Same question if it is a dollar This is my code function ff_myanswer_action element action ff_getElementByName myanswer value 0 if ff_getElementByName cateringvolwassene value ff_getElementByName myanswer value Number ff_getElementByName cateringvolwassene value Number ff_getElementByName cateringkinderen value Page 83 User Guide Crosstec Breezing Forms Please try this instead Note the Euro symbol in single quotes near the bottom of the code function ff_myanswer_action element action ff_getElementByName myanswer value 0 if ff_getElementByName cateringvolwassene value ff_getElementByName myanswer value Number ff_getElementByName cateringvolwassene value Number ff_getElementByName cateringkinderen value ff_getElementByName myanswer value ff_getElementByName myanswer value Flash HTTP Error When I try to upload a file using the Flash uploader I get an HTTP error How can I fix it Flash apparently has a known but not yet fixed
36. LIDATION SECTION If you want the element to be validated then use the following settings Required If checked an asterisk will appear to signify the element is required Does not actually validate the field Please see this KnowledgeBase article for more information about validation Validation Library Error Message Please check or uncheck the checkbox to agree to terms or whatever you want it to say Script FF ff_checked to verify that the checkbox has been checked or Script FF ff_unchecked to verify that the checkbox is NOT checked Page 55 User Guide Crosstec Breezing Forms Then click on the SAVE PROPERTIES button ADVANCED ELEMENT OPTIONS There are additional options under the ADVANCED tab as follows Only send to corresponding mailback field when checked Used when checkbox is for a Send a copy to my Email request Name of textfield that is marked as mailback If you are using the checkbox for the Send a Copy functionality then in this field you should enter the NAME not the label of the textfield element that collects the user s Email address Hide Label Check this if you want to hide the label assigned in the element s properties screen Logging Uncheck this field if you do not want to log the value to the database or email Order number Can be left as it is Tab number Can be left as it is Turn off Check this box if you want to hide the element Title position Choose wh
37. Manage Scripts Manage Pieces integrator Confige ation ier poral rain Liter alana POE E Ey First Form Save peopertes Form Options A link to additional form options will appear here once the form has been saved using Save icon above Other Options Theme dotoult v Use alerts on orrors o Fading efect on form a entry Rollover cai Rollover color ttc Visibiity nies Save Properties Form Options More Options Once you have saved the form a link to More Options will appear where noted on the image above On that screen you will see the following tabs e Settings e Scripts e Form Pieces e Submit Pieces Other Options e Theme With BreezingForms versions 1 65 and higher the ability to select and customize themes for forms is now included however this feature is only available in QuickMode Version 1 7 0 of QuickMode provides two themes Qmtheme which is a clean light blue theme and Default which has no defined colors Version 1 7 1 has added additional themes These themes can easily be customized via CSS Page 40 User Guide Crosstec Breezing Forms e Use Alerts on Errors If you have set any of your form fields to validate an error message is generated if a field isn t filled in or is filled in incorrectly If this field is left unchecked the error message will appear at the top of the form If you check this field then an alert will pop up like this The page at http YourDomain co
38. No No entries will be logged o Nonempty values Fields that include data will be recorded o All values All form fields will be logged to the database e Email Notification This field allows you to choose whether or not you want to receive copies of submitted forms via Email There are three options available o No Email will not be sent o To Default Address Forms will be sent to the Email address you defined as the default in the Configuration section of BreezingForms If you select this option you will have two other fields to complete Report Choose to Email the header only nonempty values or all values FORMS ATTACHMENT You can choose whether or not to send the form data as an attachment to the Email If yes you may choose from one of the following formats XML CSV or PDF o To Custom Address If you specified a different Email address to send the forms to on the Form Properties page it will automatically carry forward to this field If you hadn t previously specified a custom Email address or addresses to send the form to you may do so here For multiple Email addresses you must use a semicolon to separate them If you select this option you will have two other fields to complete Report Choose to Email the header only nonempty values or all values FORMS _ ATTACHMENT You can choose whether or not to send the form data as an attachment to the Email If yes you may choose from one of the following for
39. ORE ATIEGN a 0 HI HI ee ed a 0 PA PA Oe IAA 2 IN eae 0 RI RI Pease Ge se Sc O2 Tine ICI eT ORS DASD n O TN TN e 0 TX TX a 0 UT UT O LA LA ERI 0 MA MA 0O VA VA HD Pan 0 ME ME a 0 MI MI silane 0 MN MN Baas 0 MO MO Page 116 User Guide Crosstec Breezing Forms Capture URL the Form was Submitted From We want to track which of our pages generates form completion by our visitors Is there a way to capture and record the URL that a form was submitted from Yes there is First create a hidden field in your form with the following properties Type hidden input Label Referring URL or whatever you want to call it Name page Click on SAVE PROPERTIES to save the element data and then click on the SAVE icon in the upper right hand corner of the screen to save the form with the new element Then within your form s properties go to Advanced gt More Options Then click on the FORM PIECES tab at the top of the popup screen In the first section BEFORE FORM click on the CUSTOM button In the field that opens up underneath that enter this code SpageURL http ti 9 SERVER EET SW Hont Toma ge UR st a SpageURL alae _SERVER RSS ERVER EROR TA oO Ae OE SpageURL 3 SERVER ors Bare NAME E _ SERVER SERVER_ PORT le _ SERVER PREQUBRSE URI y Slee SpageURL SERVER SERVER NAME SERVER REQUEST URI Srn reS neve SIS hANys q
40. Rename as you see fit this is for illustration purposes Section Name You can name this yourself or leave it with the name automatically assigned by BreezingForms Note that if you rename it that the name should include only letters numbers and underscores Special characters and spaces should NOT be used Page 90 User Guide Crosstec Breezing Forms Once again highlight the Section 1 that you just created and click on the NEW SECTION button again This time set the properties to Type Fieldset Display Type Wrap after each element Title Section 1B Rename as you see fit this is for illustration purposes Section Name You can name this yourself or leave it with the name automatically assigned by BreezingForms Note that if you rename it that the name should include only letters numbers and underscores Special characters and spaces should NOT be used Within each of those sub sections 1A and 1B you would then put the elements that you want displayed within the fieldset How Does the Confirm Email Function Work Iam trying to use the Confirm Email function but I can t get it to work What am I doing wrong Create your first textfield with these settings TYPE Textfield LABEL Email NAME email The remaining fields Value Size Max length and hint are optional In the Validation section at the bottom put a checkmark in the REQUIRED checkbox Then in the Validation type choose the LIBRARY butt
41. SAVE icon in the upper right hand corner of the screen to save the form itself Calculating Textfields need to have my users put numbers in a text field and then show a total amount Can do that Yes you can Please see the attached PDF document for instructions on how to do so It will work for textfields select lists or a combination of the two Put Form in Lightbox Popup would like to present a BreezingForms form in a popup using LightBox Can do that Page 138 User Guide Crosstec Breezing Forms Yes you can Add the code below into the index php of your template let s say as the very first line lt Jehe Uh tMin g behayvor medal r gt Then you can add a link to any of your pages like this lt a href index php option com breezingforms amp amp ff name FORMNAME ticles My Forn class mocailY rel hanclers Vslitceme sizes 1x3 570 ye 200 gt My Roem lt a gt Replace FORMNAME with the name of your form and use the x and y values to define the size for the modal window Disappearing Form Elements My form isn t showing checkboxes select lists or other form elements Help What am doing wrong Are you using a Rocket Themes template by any chance If so some of them have a feature in the advanced settings to turn INPUT STYLING on or off If it is on try turning it off and then check your form again It is often the culprit with this issue Conditional Rules and Fiel
42. Title Enter the title of your package spaces are allowed Page 33 User Guide Crosstec Breezing Forms e Author Name Enter your name e Author Email Enter your Email address e Author URL Enter your website URL if applicable e Description Enter a brief description of your package and or form e Copyright If there are copyright restrictions on your package or form enter the terms here e Form Selection Select the form that you wish to include in the package e Backend Menuitem Selection Choose the Backend Menuitem that you wish to include in the package if applicable e Script Selection If you have created any custom scripts that should be exported with your form select them here e Piece Selection If you have created any custom pieces that should be exported with your form select them here e Then click on the Continue button You will be prompted to save an XML file Be aware that your browser might block or attempt to block it Check for any warnings in that regard Install a Package How do install a package Package Installer To install a package here s what you ll need to do Go to Components gt BreezingForms gt Configuration In the BreezingForms configuration screen you ll see this Save Package Installer Create Package Cancel e Click on Package Installer at the bottom of the Configuration screen Page 34 User Guide Crosstec Breezing Forms Administration Joomla Site
43. Users Menus Content Components Extensions Help amp o vistors 1Admn 0 O preview J cean Cache Logout breezingformsI a O Oo Options Install Package Uninstall Packages Cancel Manage Records Manageforms Manage Scripts ManagePieces Integrator Manage Backend Menus Configuration Upload package file from client amp install EEE ores tastaa Packane Install package from file on server Choose File No file chosen E Package Author Title M Name My Name Description Email my name my domain 05 Copyright e GNUIGP URL httpJwww my domain Title Name Crosstec Description Tell a Friend PayPal Payment PayPal Donation Email support crosstec de Copyright NUIGPL license URL _hittp www crosstec de Joomla 2 5 6 Joomial is free software released under the GNU General Public License e Upload File Choose whether to upload the file from your hard drive from client or from a file on your server If you are uploading a file from your hard drive you will see a Browse button Click on it to locate the package you wish to upload If you are installing a package from a file on a server select that radio button In the field below enter the path or URL to the file you are uploading Then click on the Install Package icon locate at the top of the right hand side of the page e Package Installation Report Once installed you will be directed to a Package Installation Report which contains a su
44. a integration yes yes yes Captcha reCaptcha for QuickMode yes yes yes Calendar item yes yes yes PayPal includes pay to download file yes yes no DirectPayment Soforttiberweisung yes yes no So whether you re looking to build a simple contact for or a complex Room Booking Form This component is right for you 2 Getting Started 2 1 Subscription Plans Disclaimer Our subscription plans are especially targeted on people and businesses that need frequent updates and support Each plan includes the following services e Unlimited use of all extensions or templates if a template club has been chosen from the plan selected No support per domain restrictions No limits on numbers of installations and servers infinite use beyond expired plans no hidden extra costs e Unlimited access to all extensions or templates if a template club has been chosen that are included in your selected plan during the course of your subscription e Unlimited access to all updates of extensions that are included in your selected plan at any time during the course of your subscription e Unlimited access to video tutorials documentations and our knowledgebase with tips and best practices e Club Forum access with prioritized answers from our team Page 2 User Guide Crosstec Breezing Forms The 6 months plan includes 6 months access to all extensions or templates if a template club has been chosen that are included with your selected plan 3 months
45. a way to force them to type something other than the spaces Go to Components gt BreezingForms gt Manage Scripts and then click on the value_notempty script to edit it Replace this function ff_valuenotempty element message if element value return if message message Please enter element name n ff_validationFocus element name return message ff valuenotempty with this function ff_valuenotempty element message if ff_trim element value return if message message Please enter element name n ff_validationFocus element name return message ff valuenotempty Then click on the SAVE icon in the lower right hand corner of the screen Page 72 User Guide Crosstec Breezing Forms Test it out it should work for you now Delete an Element How do I delete an element in QuickMode Right click on the element name in the directory tree on the left hand side of the page and you will see three options Copy Paste Delete Click on Delete to remove the element This works at both the element and section level For a section it is important to note that deleting it will also delete ALL ELEMENTS contained within the section Calendar Format in BreezingForms 1 7 5 and Higher I upgraded to BreezingForms 1 7 5 and now my calendar elements aren t working Help The date format has changed in the new version of BreezingForms because of the way Joomla ch
46. all of the files and folders shown in the left hand Local System side of the screen above 6 Log in to your Joomla administrator and go to Extensions gt Install Uninstall Extensions Help i Extension Manager Module Manager Plug in Manager Template Manager amp Language Manager tnp y o ye eres 7 In the Install From Directory field specify the path to the tmp bf_temp directory that you just created Note The text below is only anexample You will likely need to include the full path to your tmp bf_install folder Then click on the INSTALL button Page 13 User Guide Crosstec Breezing Forms J Extension Manager Install Components Modules Plugins Languages Templates Upload Package File Package File Upload Install from Directory Install Directory esih You will then see the following on screen message D with a reminder E to proceed to Step 2 to complete installation n Extension Manager Install Components Module Plugins Languages Templates oO Install Component Success Q successful Installation Message Step 1 Now proceed to Step 2 below BreezingForms component Enhanced form design tool B Next find BreezingForms in the Components menu and click on Configuration to continue with step 2 of the installation process Page 14 User Guide Crosstec Breezing Forms STEP 2 OF 2 To complete the installation go to the menu Components gt B
47. ameter description BreezingForms This tag must be present literally and in exact upper lowercase formname_ The name of the form to include also in exact upper lowercase page The starting page number Defaults to 1 when omitted border 0 no border 1 with border Defaults to 1 when omitted urlparams Parameters to pass in URL style no commas or closing brackets allowed suffix Suffix appended to all CSS class names in the form Examples BreezingForms SampleContactForm BreezingForms MyVeryForm 2 BreezingForms AnotherForm 1 0 amp amp ff_param_xy 123 amp amp ff_param_foo bar BreezingForms testform amp amp ff_param_foo bar mysuffix But attention with the following one Basically it would work but when using a WYSIWYG editor it will insert line breaks as lt br gt and the bot will no longer recognize the pattern BreezingForms AnotherForm 1 0 amp amp ff_param_xy 123 amp amp ff_param_foo bar Page 20 User Guide Crosstec Breezing Forms Install the Module 1 i into a Joomla administrator and go to Extensions gt Install Uninstall 5 Extensions Tools Help J installUninstall amp Module Manager Plugin Manager i FP Template Manager Frome Language Manager Manager 2 Inthe extension manager under Upload Package File click on the BROWSE button A and navigate to the unzipped BreezingForms folder You must unzip the initial BreezingForms download
48. anged the code in their calendar The correct format to use now is m d Y or or Y m d m d Y or or d m Y m d Y or or d Y m Y MY m d or or d m Y Y m d Page 73 User Guide Crosstec Breezing Forms Manage Form Classic Mode Classic Mode I created for those with a more technical background It allows you to fully code and alter the way you want your form displayed without limitations To view the manual for Classic Mode use the link below Manage Form Easy Mode Easy Mode is just as it sounds easy with the simplicity of quickmode but a little Complexity of Classic Mode The manual for the Easy Mode is coming out in Manual Version 1 2 in the very near future Scripts amp Pieces Scripts Tab gt Initialization Script A javascript that should be executed on form initalization loading gt Submitted Script A javascript that will be triggered after the form has been submitted Form Pieces Tab gt Before Form PHP that should be executed before the form is rendered You can for example print something out and it will be displayed on top of the form gt After Form The same like above but will be executed after the form is rendered So printing will happen in the end of the form Submit Pieces Tab gt Before Submit PHP that will be executed before the form is going to be submitted You can use this for example catching values and prevent storing a submis
49. appears on the Manage Forms screen If you d like it to appear at the very top of the list select 0 First If you d like it to Page 42 User Guide Crosstec Breezing Forms appear somewhere else on the list just choose the number that corresponds with the order that you want it in For example to have it appear in the third position choose number 3 e Published Select yes if the form should be published no if it should not be published yet e Run Mode There are three select values for Run Mode as follows o Any Form will run on either the frontend or backend admin side o Frontend Form will run on the frontend o Backend Form will run on the admin side e Width The width of your form can be defined in pixels or as a percentage By default it is set at 400 pixels NOTE This definition only works for forms that will be displayed within an iFrame To set the width of a regular QuickMode form please see this KnowledgeBase Article Adjust Form Width e Height The height of your form must be defined in pixels Note Auto and Automax require specification of a bottom margin in pixels The margin however is actually defining the form s height in pixels so make sure you leave it high enough to display your entire form e Log to Database If you want to retain form entries from your site BreezingForms gives you the ability to log entries to the database In this field you can choose from one of three options o
50. ate mode O New install Create tables drops existing tables Reinstalling 1 4 Table structures are up to date Select optional packages o Sample forms Samples 1 Continue Reinstalling or Upgrading If you are reinstalling or upgrading BreezingForms then in the Select database install update mode choose Reinstalling 1 4 Table structures are up to date G You have the option to load the sample forms with your installation If you d like to do so check the box to the left of Sample forms Samples H Click on Continue I to complete installation and you should see the following message Page 16 User Guide Crosstec Breezing Forms lt Joomlal Site Menus Content Components Extensions Tools Help Manage Records Manage Backend Menus Contact form Manage F Configuration Installation Complete The database operations have now been performed according to your settings Below you see a list of the messages returned from the database The next step is to check the program configuration Finally first timers should go to Manage Forms and check out the samples to get into business Choose from the menu Components BreezingForms Contiguration to proceed with the configuration now No messages have been generated gt Continue J Page 17 User Guide Crosstec Breezing Forms Install the Plugin The BreezingForms plugin enables you to embed a form within an article on your Joomla site
51. ave the form itself j gt Manage Records Manage Backend Menus Manage Forma Manage Scripts Manage Pieces integ ates Configuration item Posts of nance My Feat Form Smaps This saves ONLY the properties on this screen Form properties Title My First Form Name rrpfirstionn Descripton My first one page form Lastpageisthankyou 7 page Mail notification v Mail recipients me mycompany com Include submit buton ves No O Submit buon labe submit Paging include Yes Ono Next page label ned Previous page label beck Include cancel bution ves No Cancel buton labe reset Save popenes lt lt This saves ONLY the properties on this screen e Title QuickMode will generate a Title for the form automatically You can change the title at any time under the Form properties In the example shown above the form Title is My First Form e Name QuickMode will generate a Name for the form automatically You can change the name at any time under the Form properties In the example shown above the form Name is myfirstform Important The form s Name field provides a way to reference the form in a script and in the Joomla component itself We therefore recommend that you avoid using special characters and or blank spaces in the form name e Description Enter a short description about your form This will appear in your list of forms on the Manage Forms screen e Last Page is Thank You Page If you check t
52. back Emails BreezingForms Edit Form Settings Admin Emails Mailback Emails MailChimp Scripts Form piece NEW Title SAMPLE QuickMode Contact Form Package QuickModeForms Name SampleQuickModeContactForr CSS class for lt div gt CSS class for lt form gt Ordering 109 SAMPLE QuickMode Contact Form 7 Published D No Yes Run Mode Any iy Width 400 px Height Fixed y 500 px Log To Database Nonempty values x ADMIN EMAILS Click on the Admin Emails tab You will then see a screen that looks like this Page 45 User Guide Crosstec Breezing Forms BreezingForms Edit Form Settings Admin Emails Mailback Emails MailChimp Scripts Form pieces Submit pieces Email Notification To Custom Address e Email to your email com Report Nonempty values Ly Attachment No 7 Alternative From Email Alternative From Name Custom Email Subject Edit Emails default custom Save Email Notifications There are three options available in this dropdown 1 No will not send an Email to Admin 2 To Default Address will send an Email to the default Email address specified in BreezingForms configuration 3 To Custom Address will send an Email to the custom Email address that you enter in the Email to field below the dropdown It s probably obvious but remember to change it from your email com to the Email address you want the admin Email sent to Report In the Adm
53. box when only one in use FF ff_validemail Validates that the syntax for an email address is correct not the email address itself Can be used with the following elements e Any Textfield that is used to capture an Email address FF ff_validemail_repeat Checks that the field value is a valid email address syntax only and has a second counterpart with an equal value Can be used with the following elements e Any Textfield that is used to capture an Email address For more information on how this option works please see this KnowledgeBase article FF ff_valuenotempty Validates that the field value is not empty Can be used with the following elements Textfield Textarea Select List Hidden Input Calendar Regular Upload Element Non Flash Page 66 User Guide Crosstec Breezing Forms Page 67 User Guide Crosstec Breezing Forms Summarize Element How do I create a summary for the fields in my form First make sure that you have PAGING INCLUDE set to Yes in the form properties To do the summary create a new page and then for each element you want to add to the summary page you will need to 1 Add a new element 2 In the TYPE field choose SUMMARIZE from the dropdown list 3 The LABEL can be named the same as the original field 4 The NAME should be a unique name You can either leave it with the name automatically assigned by the extension or give it a new unique name not alread
54. bug in the Upload header that causes an http error if mod_security is enabled Some articles suggested that adding the following lines to your htaccess file may solve it HOWEVER there are some who feel that is a SECURITY RISK so you should discuss this with your web host before implementing any changes Here is an article that explains some ways to limit the risks to some extent Calendar Changing Font Colors Is possible to change the faded text for weekends You can hardly see it Yes it is BreezingForms calls the Joomla calendar function into the form You should find their CSS file here Page 84 User Guide Crosstec Breezing Forms And here is the CSS you are looking for Code calendar thead name line 37 border bottom width 1px border bottom style solid border bottom color cccccc padding top 2px padding right 2px padding bottom 2px padding left 2px text align center color 000000 calendar thead weekend line 44 color dedede It s the weekend part of that you need to change Calendar validating date in the past How to command the calendar function to have a warning message when they choose the past date That requires a custom validation for the calendar item calendar item gt validation gt click custom gt click generate code framework Inside the generated function you put this between and such that it looks like this funct
55. closing your FIELDSET section within a NORMAL section To do that create a new section For demonstration purposes let s call this Section1 Leave the Title blank delete any text displayed by default Now go to the Advanced tab and place a checkmark in the TURN OFF checkbox Click the SAVE button to save your new element Next in the directory tree on the left hand side drag the original FIELDSET section into the new NORMAL section you just created Let s call this section Section Fieldset Go to the advanced tab and uncheck the TURN OFF checkbox Click the SAVE button to save your changes Do this for each of the fieldset sections that you need to hide Now you need to go to the form s Advanced tab to change your conditional statements like so turn on section SectionlFieldset if OriginalElementl is yes turn off section SectionlFieldset if OriginalElementl is no That should do it Calendar validating date in the past MM DD YYYY Format How do command the calendar function to have a warning message when a user chooses a date in the past Page 140 User Guide Crosstec Breezing Forms That requires a custom validation for the calendar item calendar item gt validation gt click custom gt Click generate code framework Inside the generated function you put this between and such that it looks like this function ff CALENDARITEMNAME validation element message LE elenentc value
56. com_ acdeforntuploads d Save Package Nnstabor d Create Package Carnet G e Use live site in configuration php If you select Yes here it will force the form to use the live_site variable in the php ini file however it is deprecated so in most circumstances you should leave this set to No e Run backend preview in an iframe If you select Yes here true WYSIWYG with the front end stylesheet will be enabled e Preview window grid size This field applies only to forms created in Classic Mode If you would rather not use the grid their is an option to turn it off while in Classic Mode e Use WYSIWYG editor for text elements The WYSIWYG editor is selectable in Joomla s global configuration options On this screen the option should remain set at No e Compress JavaScript and HTML If Yes is selected compressing the JavaScript and HTML will reduce the traffic from the server to the browser However if you are trying to debug the code you will need to set this option to No Remember to revert the option back to Yes when debugging is complete e Get provider with GetHostByAddr If you want to know the Hostname of the user filling in the form then select Yes here The information will then be sent to you via the email notification s header as well as being stored in the database Choosing this option could result in a heavier server load and slower response time so unless there is a specific need to get the Hostname it is reco
57. ct List Generates Database Error lam trying to create a form with a drop down list but when l test it it generates this error message 500 No validdatabaseconnection If I turn off the select list the error goes away Is there a fix for this We have had some reports of this happening on Joomla installations that use Joomfish Please try changing your database from mysql to mysqli in Joomla s Global Configuration settings and see if that fixes it Remove Field Label From Tooltips The tooltips for my form show the field label before the tip Is there a way to remove it Usability rules typically say to repeat the label of a field in the tooltip so that is how BreezingForms has been set up You can remove it with a hack though To do so open administrator components com_breezingforms libraries crosstec classes BFQuickMode php Around line 902 903 look for this line Sit sjoSCie joe lt soript type Gexk joveasorrpE eo b ne OWS nC dt bb habede Smeaeiva hablo 4w orto postions achuses screens crue Jr Contents idee adde lashes crin Smdaca l label lt bzsbor gt Stt teplace array On TAN array A a Sw acce lasnes Seontent Jo WY S Satyles Y Pp o ea ida te Gee ee nO tae y and change it to SOS CAE Yxgcript type text javaseripi gt lt l TWA t gOuery Vior babel Smeacal Corc i YY ewro li posrcions adjust sereen true J COntents V eti replace amray nye wet array N in
58. ctionscript section TYPE Custom ACTIONS Check the Click checkbox Then click on the generate code framework text If a popup alert appears click YES Into the generated function that appears in the textarea right after this line Gase Vellielk s Add this line for each element that you need to copy from the shipping section and add to the billing section fi gechlencnt byName TARGET CR REMENT ovalie fh gece lencneByName gt SOURCE OE EEMENT ovalue Replace TARGET_ELEMENT and SOURCE_ELEMENT with the names that you are using for the elements For multiple elements just repeat the line for each additional one you need to get the value for Click on the Save Properties button at the bottom of the screen to save your element changes and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Page 156 User Guide Crosstec Breezing Forms Calendar in Easy Mode How do I create a calendar in EasyMode For the calendar in EasyMode you need to create a textfield first which will end up holding the date that is picked For this example let s name it date Then you need to create the calendar element In the options it has a field that says Connect With Field name Enter date in that field Then click on the Update button Now you need to make sure that you have added a submit or next page button whichever is appropriate that has an action
59. ctory getUser gt get email gt USER TIP FROM BOB R If Joomla s email cloaking plugin is enabled you will get a nice long javascript instead of an email address Adding the emailcloak off without the spaces of course just before the PHP call in the value field will solve this problem for the entire form In fact if placed anywhere in the form it will disable email cloaking for the entire page So what I ve done is simply put the following line in my first email form value emailcloak off lt php return JFactory getUser gt get email gt EASYMODE With EasyMode forms the PHP code is different and has to be entered in the Form Settings gt Scripts gt Init Scripts section Here is an example of what you would need to enter Page 94 User Guide Crosstec Breezing Forms lt php echo var name JFactory getUser gt get name var _email JFactory getUser gt get email var _username JFactory getUser gt get username gt function ff_YourFormName _init ff_getElementByName name value _name ff_getElementByName email value _email ff_getElementByName username value _username f_YourFormName init Make sure you change the YourFormName part of the code above to the actual name of your form URL for Thank You Page How do I make my form redirect to a thank you page at a different URL in
60. d to your new menu item It will be in the last column of the form To create a link to your form use the following format Replace xx with the ItemID number of the form you want to link to as noted above Now test the URL to make sure that it works Restrict Form Submission for Entry Form I have a contest running on my website but users are only allowed to enter once Is there a way to restrict them so they can t Yes there is Please see the attached PDF file for complete details Form Text Won t Save l am trying to save text in a page but no matter what I do it won t save Why not This happens with sections too Are you using JCE as your text editor If so there is currently a known bug that we are trying to resolve but switching to TinyMCE has worked for the users that have reported the issue to us When creating text there are three things that you need to do in order to save it 1 Click on the SAVE icon at the bottom of the text entry WYSIWIG screen 2 Click on the SAVE PROPERTIES button to save the form element 3 Click on the SAVE icon in the upper right hand corner of the screen to save the text itself Page 123 User Guide Crosstec Breezing Forms Is There a Way to Add Text to My Form Is there a way to add text to my form I don t want to put it in an element but I need it placed beside or underneath it Yes you can add free text in BreezingForms within a page or a section
61. d in the ACTIONSCRIPT section do the following Type Library Actions Click checkmark Script FF ff_validate_nextpage Then SAVE PROPERTIES to save the element Do that for each page EXCEPT the one on which the submit button will be placed as well as your Page 118 User Guide Crosstec Breezing Forms Thank You page if you have specified one On the page that will contain your submit button create a new element with settings as follows Type Submit button Label Submit Name submit or whatever you want to call it Value Submit Then go to the element s ADVANCED tab and in the ACTIONSCRIPT section do the following Type Library Actions Click checkmark Script FF ff_validate_submit Then SAVE PROPERTIES to save the element Once are of your buttons have been created click on the SAVE icon in the upper right hand corner of the screen to save the form itself You will likely have to make some CSS adjustments to your SUBMIT button settings to get the placement of it the way you want it but this will at least get the function there for you Collect Page Title in Form Details I have my form set up in a module position want to collect the title of the page that they are on when they submit the form To capture the page location create a new element of type HIDDEN INPUT For this example let s name that element PageTitle The value field in the element should be empty Click on SAVE PROPERTIES to sav
62. d this code ofQuickMode bfSubmitButton Hoat none margin left 45 Gap in Form Headings l am trying to create my first form but I am having trouble with it displaying properly When I add a field set there is a break in the graphic What can I do to fix it Look in your CSS files for a stylesheet called reset css Line 59 of reset css has this code corm div ievie jalin S MOPEO It is that margin that is causing the gap between your heading and the form itself Try setting it back to 0 and that should fix it Adjust Label and Input Position How do adjust the position of the label vs the input field in QuickMode It appears that the standard configuration splits the columns 50 50 Is there a simple way to adjust this ratio throughout Yes there is Just add this code to your template css file Code bfQuickMode p input type text bfQuickMode p textarea bfQuickMode p se Page 128 User Guide Crosstec Breezing Forms lect Wwalichelas SSP bfQuickMode bfLabelLeft label Wwakchelas SHS You can adjust the width percentages there to whatever you prefer It is recommended that you add this code to your template css file instead of the BreezingForms system css file because you would lose the changes the next time you upgrade the extension Custom CSS for Sections and Elements I have a checkbox group with a number of options can t get
63. de This package includes the latest version of the component the module the plugin and the mmfuncs 3 Installation Setup If your product is a piece of software that users can install on their machines be sure to include thorough instructions for each particular operating system you support The idea is get the user up and running as quickly as possible Screenshots are especially helpful at this stage For a complete installation of BreezingForms there are three separate elements that you will need to upload and install e Component for basic form functionality e Plugin allows you to embed a form in an article e Module allows you to use a form in a module position So let s get you started The first thing you ll need to do is Page 4 User Guide Crosstec Breezing Forms Download and Unzip BreezingForms Download the latest BreezingForms package BreezingForms_ vers on _UNZIP_FIRST zip The newest version of BreezingForms is available here The older free version of BreezingForms is available for download at the Joomla Extensions Directory Unzip the package using your favorite file extraction program Once unzipped your file folder should look something like this Include in library Share with Burn New folder Name Date modified Type Size do additional_themes 6 7 2012 6 41 PM File folder com_breezingforms_175 5 3 2012 12 10 PM zip Archive 1 7 mod_breezingforms 11 29 2010 12 53 zip Arch
64. dset Borders set up some conditional sections that are hidden unless a certain option on my form is selected However the borders of the hidden areas show up for some reason How can hide the hidden sections when the section isn t active You can get around this by enclosing your FIELDSET section within a NORMAL section To do that create a new section For demonstration purposes let s call this Section1 Leave the Title blank delete any text displayed by default Now go to the Advanced tab and place a checkmark in the TURN OFF checkbox Click the SAVE button to save your new element Next in the directory tree on the left hand side drag the original FIELDSET section into the new NORMAL section you just created Let s call this section Section1Fieldset Go to the advanced tab and uncheck the TURN OFF checkbox Click the SAVE button to save your changes Page 139 User Guide Crosstec Breezing Forms Do this for each of the fieldset sections that you need to hide Now you need to go to the form s Advanced tab to change your conditional statements like so turn on section SectionlFieldset if OriginalElementl is yes curn Orie Section SScciemilwilelcisec ase Originalilemencl is no That should do it Visibility Rules Remove Border Around Hidden Sections When a visibility rule is hidden there is still a border around the empty fieldset How can make it so that doesn t show You can get around this by en
65. e N umber ff_getElementByName d12 value if ff_getElementByName d13 checked ff_getElementByName amountowing value Number ff_getElementByName amountowing value N umber ff_getElementByName d13 value if ff_getElementByName d14 checked ff_getElementByName amountowing value Number ff_getElementByName amountowing value N umber ff_getElementByName d14 value if ff_getElementByName d16 checked ff_getElementByName amountowing value Number ff_getElementByName amountowing value N umber ff_getElementByName d16 value if ff_getElementByName d18 checked ff_getElementByName amountowing value Number ff_getElementByName amountowing value N umber ff_getElementByName d18 value i if ff_getElementByName d10 checked ff_getElementByName amountowing value Number ff_getElementByName amountowing value N umber ff_getElementByName d10 value Note that to see all of that code you may have to scroll across But you can just copy it and paste it into your form s code framework 4d Modify that code to replace the names with the ones you used in step 2 If you used my names d11 d12 d13 d14 d16 d18 and d10 then it will work as is Page 79 User Guide Crosstec Breezing Forms Now save the properties save the form and publish As you click the checkboxes on and off the amount ow
66. e 159 User Guide Crosstec Breezing Forms break CleicanuLllic 3 9 PI 9 Snel Ih NumberOfTravelers action IMPORTANT If your element is named something OTHER than NumberOfTravelers then you need to change the function to match the name For example if your element is named Travelers then the function line would change to function ff_Travelers_action element action Change Field to Uppercase My form data needs to be entered in all UPPER CASE Is there a way to do this 1 In your text element go to the ADVANCED tab 2 In the ACTIONSCRIPT section click on Custom 3 In the Actions area check the Change checkbox This will tell the script to activate any time the field is changed 4 Click on CREATE CODE FRAMEWORK It s a link though it doesn t look like one A popup dialog box will appear that says Create code framework for action now Existing code will be appended 5 Click OK Code will then appear in that textarea that looks something like this Lunici ton et bemoan Name ae Lone lemen saci aon switch action switch action case change break default switch ElementName_ action Change ElementName in the first and last line of the code to match the NAME of your text element This should be done automatically when you click on Create Code Framework Page 160 User Guide Crosstec Breezing Forms 5 Change that code to 6 fUnCE Tone
67. e 58 User Guide Crosstec Breezing Forms catch e return e description return 5 Click on the SAVE icon at the bottom of the screen to add the script to your library list 6 Now go to your form and create a new element for the user to enter their password into The element should have the following settings Type Textfield Label Enter Password Name password Value Size and Max length fields can be left blank If you want to add a hint you can do so in the Hint box In the VALIDATION section enter the following settings Required Checked if you want an asterisk to appear beside the form element Validation Type Library Error Message Please enter a password Script FF ff_password_repeat Then click on SAVE PROPERTIES to save the changes you made to the element 7 Create a new element for the user to re enter their password The element should have the following settings Type Textfield Label Repeat Password Name password_repeat Value Size and Max length fields can be left blank If you want to add a hint you can do so in the Hint box Page 59 User Guide Crosstec Breezing Forms In the VALIDATION section enter the following settings Required Unchecked Validation Type None There is no need to add a validation rule or type to this field because it will be connected automatically to the rule in the previous password field 8 Once the two ele
68. e are 35 00 35 00 35 00 35 00 45 00 55 00 and 70 00 3c For each checkbox click on the ADVANCED tab and create an ACTIONSCRIPT event using CUSTOM and check the action CLICK In the code framework box put in this Code function ff_d11_action element action ff_amountowing_action element action Make sure you change the title to match the NAME of this checkbox So for box d12 it would look like this Code function ff_d12_action element action ff_amountowing_action element action and so on Make sure you click SAVE PROPERTIES after each field is created 4a Create a text field with the NAME amountowing and a VALUE of 0 4b On the ADVANCED tab click on READ ONLY so that people can not alter the amount Under the ACTIONSCRIPT set it to CUSTOM You do not need to click on any of the checkboxes as this script runs from the checkboxes on your form the ones you created in step 2 Page 78 User Guide Crosstec Breezing Forms 4c In the code framework add this Code function ff_amountowing_action element action ff_getElementByName amountowing value 0 if ff_getElementByName d11 checked ff_getElementByName amountowing value Number ff_getElementByName amountowing value N umber ff_getElementByName d11 value if ff_getElementByName d12 checked ff_getElementByName amountowing value Number ff_getElementByName amountowing valu
69. e code go to Form Properties gt Advanced Tab and click on the More Options link 5 Go to the SUBMIT PIECES tab to the END SUBMIT section and click on the CUSTOM radio button That will open a text area into which you should paste the code that you just edited and copied 6 Click on the SAVE icon at the bottom of that screen to save the code you just added 7 Once back at the base page of your form click on the SAVE icon in the upper right hand corner of the screen to save the form itself 8 Test your form to see if it works IF YOUR NAME FIELD IS SPLIT INTO FIRST NAME AND LAST NAME If you have your name field separated into two fields first and last name then the code will need to be adjusted slightly In that case use the following 1 In your form s properties make sure that the Mail Notification checkbox is UNCHECKED 2 Copy the code below global SmosConfig mailfrom mosConfig fromname my WU nwem 6 lt eer Weer Nation iris Timiti z Uren fE getSugnit email p frommame fE getSugmit fname f Ole elon lnamse p Srecipient your email com Change to Your Admin Email Address Create the Body format for use in e mail foreach Sthis gt maildata as data if dataj Ee DATA err J midden liane jt Sbody data _ FF DATA TITLE Weedatall PP DATA VALUE nl Page 100 User Guide Crosstec Breezing Forms Stais csendMarl oivom strommame rec
70. e included with the upgrade zip file 5 Once complete go to your Joomla administration to Components gt BreezingForms gt Configuration You should now see the Step Two Installation screen 6 If this is an upgrade from a previous version choose the option to keep exisiting tables If it is a NEW installation choose the option to create tables 7 Click CONTINUE to finalize the component installation You can then optionally install the module and plugin Page 98 User Guide Crosstec Breezing Forms Create Thank You Page How do I make a thank you page in my form For your QuickMode forms please follow the steps below 1 Open your form On the right hand side you will see the form properties 2 Within the form properties put a checkmark in the box that says Last page is thank you page 3 Include submit button radio button should be set to YES 4 Paging include should be set to YES 5 Click on the SAVE PROPERTIES button 6 Now create a new page Page 2 7 Click on the EDIT link under the page properties beside intro On that page you can include HTML images etc So add the text images that you want and then click on the SAVE button at the bottom of the screen 8 Click on the SAVE PROPERTIES button 9 Click on the SAVE icon in the upper right hand corner of the screen You do not need to add any special coding or scripts The form should progress from the first page to the thank you page o
71. e the new element and then click on the SAVE icon in the upper right hand corner of the screen to save itself Now go to your form s properties gt Advanced tab gt More Options and click on the SCRIPTS tab In the INITIALIZATION SCRIPT section click on the CUSTOM button Then click on the Create code framework text A message will popup saying Create code framework for init now Existing code will be appended Click OK A textarea will appear with code in it that looks similar to the following FUNCT Te teh hve vink Orin ames Mele a YourFormName_ init Page 119 User Guide Crosstec Breezing Forms On the line right below the first curly bracket add the following code iE getilenmenteyNems tre ag ene Mee value window parent document title So the final code should look something like this PMT oO hist SY Ue WG acm amen E fr jee lenenepyNamete Paced anode eo calsie window parent document title YourFormName_init Note If your hidden element is named something other than PageTitle then you will need to change that in the code above Click on the SAVE button at the bottom of the screen to save the script changes and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Change Default Email Subject Is there a way to change the subject in the email address Right now it just says Form record received Go to your form s prop
72. eceive CSV Exports Aren t Opening Correctly I am trying to export records from within BreezingForms to Excel in CSV format but when the file opens the columns aren t formatted correctly How can I fix it If you are using Excel 2003 you should use the semicolon as the separator If you are using 2007 you should use the comma as a separator During the export instead of opening the file in Excel immediately choose the option to save it instead Once saved go to the file directory where you stored it and rename the file from FILENAME csv to FILENAME txt Then open the TXT file in Excel When you try to open it you should see a Text Import Wizard dialog box The fields should be completed as follows Page 27 User Guide Crosstec Breezing Forms Choose the file type DELIMITED not Fixed Width Start Import at Row 1 Click NEXT Delimiter should be or depending on which you entered in the configuration Text qualifier should be unless you have changed it Click NEXT You can choose format for each column if you d like to use it then click FINISH Your data should now open in column form Export Records to Excel In my Manage Records section I created a CSV file but when I import it into Excel it s all bunched up in the first column How do I fix it If you go to Components gt BreezingForms gt Configuration you will see that there are some variables at the bottom that affect how your CSV file is expor
73. elow Then make changes as noted in the CHANGES REQUIRED section below function ff_mygroup_validation element message initial checked states for your box add more or less depending on your amount of checkboxes of your group if you have checkboxes that are initially checked set the corresponding value here to true var checkedBoxes false false false for var i 0 i lt document ff_form140 elements length i if document ff_form140 elements i type checkbox amp amp document ff_form140 elements i name ff_nm_mygroup if document ff_form140 elements i checked checkedBoxes i true lelse checkedBoxes i false the rules apply here add or remove rule depending on your amount of checkboxes if checkedBoxes 0 amp amp checkedBoxes 1 checkedBoxes 2 return You can only check box 1 if checkedBoxes 1 amp amp checkedBoxes 0 checkedBoxes 2 return You can only check box 2 if checkedBoxes 2 amp amp checkedBoxes 0 checkedBoxes 1 return You can only check box 3 Page 69 User Guide Crosstec Breezing Forms return end validation CHANGES REQUIRED 1 Replace all instances of ff_form140 in the code above with the formname of your form To find the formname code view the form s sourcecode Then search for this code ff_processor form_id The generated formname will follow immediately after that
74. en Page 31 User Guide Crosstec Breezing Forms Packages What is a package There may be times when you want to copy one of your forms to another domain Perhaps you created it on a test site and now need to install the final version on your client s server or maybe you ve created a custom form for use on all of your client sites Using BreezingForm s Package option in the BreezingForms configuration screen copying forms from one domain to another is a BREEZE as long as the other domain is running Joomla with the SAME OR A NEWER VERSION of the BreezingForms extension There may be some instances where it could be backwards compatible and work on a site running an earlier version but this cannot be guaranteed though in most cases it should work with a form created using Classic Mode When you create a package you are actually creating an XML file which can then be shared with others To send it via Email though you might have to zip the file first as not all Email applications webhosts will accept XML files Create a Package How do create a package Create Package To create a package for installation on another domain here s what you ll need to do Go to Components gt BreezingForms gt Configuration In the BreezingForms configuration screen you ll see this d Save Package Installer 7 Create Package Cancel ae e Click on Create Package at the bottom of the Configuration screen Page 32 User
75. endmail and see if the Email goes through without an error being generated If it does then that was the issue If it doesn t then try again but changing the mail setting to SMTP If neither of those remove the error please contact support Page 151 User Guide Crosstec Breezing Forms Calendar Doesn t Display in French I want my calendar to display dates etc in French How can I do that There is no native French translation of the calendar but you can do so manually In version 1 7 3 go to There you will see a file called calendar en GB js Make a copy of that file and rename it to calendar fr FR js then edit the translations there Once you have done that the calendar should be in French Unable to Drag or Drop Elements in EasyMode I m trying to create a form in EasyMode but I can t drag any of the elements to the form screen What s wrong Some templates install a version of jQuery called SC jQuery It appears to conflict with BreezingForms in the back end So if you find this happening check your plugins to see whether you have one called System SC jQuery If you do go into the plugin settings and change Enable plugin for backend from YES to NO Then test it again Can t Add Any More Elements to My Form l am creating a form but I get to a certain point and it won t let me add any more elements Help For some reason this sometimes happens if you are using Internet Explorer to create y
76. endmail pad usr sbin sendmail SMTP authentication No SMTP security none SMTP port 25 SMTP username empty SMTP password empty SMTP host mailout one com Thanks to Erik for sharing your solution Select Lists for Email to Different Addresses Is it possible to send emails to different departments depending on what a user selects Yes it is In QuickMode in the Select List element s Advanced tab there is a Mailback checkbox If you check it the values of your select list items will be used as Email addresses to send the Form record received Email The List would look something like this 0 Bug bugs yourcompany com 0 Information info yourcompany com 0 Sales sales yourcompany com If you have an email cloaking plugin make sure that you put it BELOW the BreezingForms plugin otherwise it might not work correctly How to Display the Form in Your Site Okay I ve created the form Now what How do I make it show up on my site There are three ways to get the forms onto a page 1 Link directly to the form via the Menu Click on Menus gt Main Menu or whichever menu you want it in and then click on New Choose BreezingForms as the menu type and then click on Add a Form when it appears You will then be taken to the regular menu item screen Page 105 User Guide Crosstec Breezing Forms In the parameters section enter the form name EXACTLY AS SHOWN including case sensitivity in the NAME c
77. erties gt Advanced tab gt More Options On that screen near the bottom you should see a field where you can enter a custom Email subject Add it there then click the SAVE button at the bottom of that screen When you are taken back to the properties screen click on SAVE PROPERTIES and finally to save the form itself click on the SAVE icon in the upper right hand corner of the screen That should do it Reduce Spacing Between Label and Field How do I change the amount of space there is between the form label and the field Go to your theme css file In Build 730 and higher it should be located in components com_breezingforms themes quickmode THEME_NAME theme css Page 120 User Guide Crosstec Breezing Forms In Build 729 and lower it should be located in components com_facileforms themes quickmode THEME_NAME theme css Look for bfQuickMode bfInline bfLabelLeft bfElementGroupNoWrap sLinjowle cyoes teke 1 width 48 You can change that percentage to whatever you want 1 changed the width in my forms to 22 which seemed to layout fairly nicely Your mileage may vary Translating Forms to Other Languages It looks like only Classic Mode supports Joomfish How can translate my QuickMode and EasyMode forms to different languages 1 Create a master form in English 2 Make one copy of the master form for each language that you need and give each copy a unique name For example myForm
78. ese sete Ena eile ies ii getValvue bage SpegGeURL Sage ie che nane Or tche i rad en field Then click on the SAVE icon in the lower right hand corner of the screen to save the piece that you just added When back on the form properties page click on the SAVE icon in the upper right hand corner of the screen to save the form itself Page 117 User Guide Crosstec Breezing Forms Calendar How to Insert Today s Date How do insert today s date in the calendar field Place this code in the calendar element s VALUE field Code lt php return date m d Y gt If you don t want it to be editable check the READ ONLY checkbox on the Advanced tab You could also use this code in a hidden field Thanks to Erich Haubrich for the contribution Remove Back Button from Multi Page Forms don t want my users to be able to go back to a previous page in the form Is there a way to remove the BACK button Yes you can do that First in your form properties change the settings below as noted Include Submit Button NO Paging Include NO If your last page is a thank you page you can still check that box here but leave Paging Include set to NO Then SAVE PROPERTIES to save the element Now go to page 1 of your form Create a new element as noted below Type Submit button Label Next Page Name nextPage1 or whatever you want to call it Value Next Page Then go to the element s ADVANCED tab an
79. ether to put the label to the left right top or bottom of the checkbox Initscript By default set to NONE Actionscript By default set to NONE REMINDER Any time you make changes to the settings remember to click on the SAVE PROPERTIES box to save the changes to the element Then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Page 56 User Guide Crosstec Breezing Forms Checkbox Group How do I create a checkbox group Checkbox groups are best used when you want to display all the options at one time and allow the user to make multiple choices For a checkbox group the format to layout the options is as follows 0 Label Dabatase Value or 1 Label Database Value If you put a 0 at the front then the checkbox will be blank If you put a 1 at the front then that option will by default be checked For example if you want to offer a user a choice of one color out of a group you might code it as follows 0 Red Red 1 Blue Blue 0 Green Green 0 I like all colors so it doesn t matter Any color Your options will appear in the list in the same order as you enter them in the Group field If you want to change the order just move them around within that field You can also choose to check Wrap each element which would force each choice to a separate line in your form Page 57 User Guide Crosstec Breezing Forms Password Validation
80. everal choices Once they have filled in all the fields on the page and click SUBMIT I want to redirect the user to another web page based on the choice they made in the drop down list Is this possible Create a select list as you would normally For this example we ll name it pick and give it the following variables O First Choice valuel 0 Second Choice value2 O Third Choice value3 Save your element properties then save your form Now go to your form s properties gt Advanced tab gt More Options gt Submit Pieces tab In the END Page 148 User Guide Crosstec Breezing Forms SUBMIT section click on the Custom radio button In the text area that opens enter the following code ObNwes excer ecer Nate iene eel value f Sek oubmie Volek p switch Svalue case valiel heacer Y Lecation hetta Crossteec 0e sexi break case value2 header Location heto CrTosstec 0e tortms nem exit break case value3 header http crosstec de support get started exit break In the value line change pick to the name of your select list element in the case lines change value1 value2 and value3 to the values of your select list choices and then change out the location URLs for whatever URLs you want to redirect to Click the SAVE button at the bottom of the screen and then click on the SAVE icon in the upper right hand corne
81. ezingForms MyVeryForm 2 BreezingForms AnotherForm 1 0 amp ff_param_xy 123 amp ff_param_foo bar BreezingForms testform amp ff_param_foo bar mysuffix Pay attention with the following one Basically it will work but when using a WYSIWYG editor it will insert linebreaks as lt br gt and the bot will no longer recognize the pattern BreezingForms AnotherForm 1 0 amp ff_param_xy 123 amp ff_param_foo bar Populate a Field Based on Prior Element in Form Is it possible to populate a field further on in a form from data entered in an earlier field Yes you can do that Go to your form s properties gt Advanced tab gt More Options gt Scripts tab Click on the CUSTOM radio button in the Initialization Script section After doing so a new textarea will open up Click on the words Create code framework A popup box will open that says Create code framework for init now Existing code will be appended Click OK You should then see text in the textarea that looks something like this function ff_FormName_init ff_FormName_init Page 81 User Guide Crosstec Breezing Forms Between the curly brackets add this code setInterval ff_getElementByName TARGETFIELD value ff_getElementByName ORIGI NALFIELD value 500 So the end result will look something like this function ff_FormName _init setiInterval ff_getElementByName TARGETFIELD value ff_getEle
82. field To work for this example it would be best if you give the element the name telephone without quotes in the field underneath the Label field e Puta checkmark in the Validation box and then click on the radio button to the right of the word Custom in the next line e Enter an error message for example Please enter a valid 10 digit number without dashes periods or brackets e Click on Create code framework It doesn t look like a link but it is e A javascript popup will appear which says Create code framework for validation now Existing code will be appended Click on OK e Inthe text area that opens delete all of the code which is currently there and replace it with function ff_telephone_validation element message if isNaN element value amp amp element value length 10 return return Please enter a valid number exactly 10 digits fftelephone_validation Page 92 User Guide Crosstec Breezing Forms e Click on SAVE PROPERTIES e Click on the SAVE icon in the upper right hand corner of the screen e Test your form It should work How To Create a Form Summary How do I create a summary for the fields in my form First make sure that you have PAGING INCLUDE set to Yes in the form properties To do the summary create a new page and then for each element you want to add to the summary page you will need to 1 Add a new element 2 In the TYPE field c
83. file before you start 3 Select the package mod_breezingforms_ vers on zip click OPEN B and then click on Upload and Install C File Upload Look in 9 breezinglorns_170_UNZIP_FIRST com_breezingforms_170 i mod _breezingforms_170 MyRecert Cd plg_breezingforms_170 Documerts E com_breezingforms_170 zip E IMPORTANT README txt E LUCENSE txt Bimod_breezingforms_170 2zi plg _breazngf orms _170 2p Diplo_sentuncs zip D My Documerts Extension Install Components mod_breezingfoms_170 ap Upload Package File Package File 4 Once successfully installed you ll see the following screen Page 21 User Guide Crosstec Breezing Forms i a Extension Manager Install Components Modules Plugins Languages Templates FacileForms module Displays forms in module positions Requirements The FacileForms component must also be installed same version The module must be published Page 22 User Guide Crosstec Breezing Forms Installation Errors You May Receive Timeout Errors White Screen on Installation When I try to install the BreezingForms component I get a timeout error What should I do If you receive timeout errors or a white screen when trying to install the component then it is likely that you don t have native zip support installed and or activated with your php installation If you encounter this error you can make your life easier by enabling i
84. ha e Email sent will be displayed without linebreaks or other will be sent in plain text format and the layout that you create whatever linebreaks you might include nges scroll down to the bottom of the frame and click on the SAVE button You will then be returned to the main form screen Finally click the SAVE button in the up are saved per right hand corner of the screen to ensure that your changes Page 53 User Guide Crosstec Breezing Forms Install Additional QuickMode Themes How do I choose a template for my form I would like to create a form just like your demo s After unzipping the main breezingforms_VERSION NUMBER_UNZIP_FIRST zip file you will see a folder called quickmode_additional_themes Within it you will find numerous new form themes for QuickMode To install a theme for QuickMode simply login to your site using your FTP client and upload each desired folder to components com_breezingforms themes quickmode The theme s will then be accessible in your forms Open up the form you are working with and go to the Advanced tab There you will see a dropdown list of available themes To use the one from that example scroll down to the Plastic Light Blue theme and choose it Then click the Save Properties button to save your change to the properties and finally click on the SAVE icon in the upper right hand corner of the screen to save the form itself Adjust Form Width How do I adjust the fo
85. have a dropdown list that will jump to whatever page you want This same principle can be applied to sections too As long as you identify the unique ID number assigned to the section or element you can define a style for it Page 145 User Guide Crosstec Breezing Forms How to Add Google Analytics Code Is there a way to add Google Analytics tracking code to my form The easiest way to do this is to create a separate Joomla article as your thank you page and add your Analytics code there Then in your form you will want to redirect to that thank you page after submit Take a look at URL for Thank You Page Hidden Sections and Validation Rules I have a form that has several sections that are not visible unless a certain radio button is checked When I submit the form the validation scripts for the elements within the hidden section are still triggered How can I prevent these validation scripts from operating if the section is hidden Check to see if you have one or more sections or fieldsets nested inside each other If so then the validations won t turn off due to performance reasons Please rearrange the sections or fieldsets so the section holding the fields won t be nested in a parent section Then it should work Another possibility would be to create rules for every field rather than by section but this could require a lot more visibility rules Foreign Characters Not Displaying Correctly l am trying to
86. his option your form page will refresh and the respondent will see a Thank You message on the page indicating that their form has been submitted If you would like to redirect a respondent to a completely different URL please click here for instructions on how to do that e Mail Notification If you want to send a copy of the form results to an Email address then please check the box for Mail Notification Page 38 User Guide Crosstec Breezing Forms e Mail Recipient s If you want to send a copy of the form results to an Email address or multiple Email addresses other than the default Email address that you entered on the configuration form then enter it here To enter multiple Email addresses please use the format below EmailAddress1 mycompany com EmailAddress2 mycompany com EmailAddress3 mycomp any com e Include Submit Button If you want to include a Submit button at the bottom of your form please choose Yes here If you would prefer to include a Submit button that uses a custom graphic please click here for instructions on how to do so e Submit Button Label If you are using the default Submit button for your form rather than one using a custom graphic you can choose to label it whatever you want e g Send It or Enter Me Now To change the button s label just type the alternate text you wish to use in this field e Paging Include If your form consists of multiple pages you can choose to add a Next
87. ho ARE logged in Section 2 would be displayed to all users logged in or not Name Telephone Section b Field Two Option Option2 Option3 Email Check here to accept terms mp Send Copy to My Email o Password eecccesces Repeat Password Phrase Match Page 135 User Guide Crosstec Breezing Forms For the purpose of this example in the NAME field underneath the label field in each section s properties let s name the sections as follows Section 1 name section1 Section 2 name section2 All of the following code assumes that you are using these two section names Go to your form s properties gt Advanced Tab gt More Options and click on the SCRIPTS tab In the Initialization Script section click on the CUSTOM radio button Now click on the words CREATE CODE FRAMEWORK An alert will pop up that says Create code framework for init now Existing code will be appended Click on OK In the textarea that opens you should see code that looks something like this function ff FORMNAME init FORMNAME init After the first curly bracket in the second line of code click ENTER to go to a new line Then paste in the code below lt php LE Jractorys sgetUser Seeic Patel 0 gt 0 echo function mytoggler eFie bftTogg bfDeactiva eFie teFiel lds btTogg bfDeactiva We else echo teFiel leals
88. hoose SUMMARIZE from the dropdown list 3 The LABEL can be named the same as the original field 4 The NAME should be a unique name You can either leave it with the name automatically assigned by the extension or give it a new unique name not already in use elsewhere on the form 5 In the CONNECT WITH dropdown choose the field that you want to pull the summary information from It will list all of your fields so it is easy to choose 6 Each time you add an element click on SAVE PROPERTIES 7 When you are finished adding your summary fields remember to click the SAVE icon in the upper right hand corner of the screen Step 2 Loop on Installation After installing the component I am stuck in step 2 whatever I do it keeps bringing back that step and I am in kind of a loop That s a permission issue Please create an empty file on your computer called facileforms config php Page 93 User Guide Crosstec Breezing Forms Build 730 amp Higher Upload this file using your FTP client to Prefilled form data name and email For all my forms I am wanting to automatically fill in the name and email fields with those of the currently logged in user QUICKMODE You can apply php in your fields directly So just add this into the value of your textfield that is supposed to be the name lt php return JFactory getUser gt get name gt and for the email field value lt php return JFa
89. in Email that is sent you can choose to report send the following data 1 Header only will only send the header data 2 Nonempty values will send data from all fields which were completed but will not send data from fields that were left empty 3 All values will send data from all form fields whether completed or not Page 46 User Guide Crosstec Breezing Forms Attachment You can choose whether to send an attachment with the Admin Email The options are 1 No do not send attachment 2 XML send form data in XML format 3 CSV send form data in CSV format 4 PDF send form data in PDF format Alternative From Email Alternative From Name By default BreezingForms uses the Email address and name defined in your Joomla global configuration settings as the From name address for form emails There may be times however when you want the From field to show a different name and or Email address If so you can specify those here Custom Email Subject If you want the Admin Email to have a custom subject that will appear in every Email sent for this form you can define it in this field Edit Emails 1 Default uses the default Email template or custom template if you have created one as described in this section of the KnowledgeBase http crosstec de support index php pid knowledgebase amp cmd viewcatclient amp id 52 2 Custom This is a new feature in BreezingForms 1 7 3 You can now c
90. ing will be updated with the correct sums Embed Form in Article How do I embed a form inside an article Before you can embed a form within an article you need to install the BreezingForms plugin and then enable it in your Joomla application s plugin manager Once enabled it can be embedded into an article using the syntax described below Note If the plugin has been enabled and your syntax correctly entered as noted below but your article is still not displaying you might need to go to Extensions gt Plugin Manager gt BreezingForms and change the use iFrame option in the plugin parameters from YES to NO or vice versa Build 730 amp Higher Pattern syntax BreezingForms formname page border urlparams suffix AllowFormEdit RemoveExistingSubmissions Parameter description BreezingForms This tag must be present literally and in exact upper lowercase formname The name of the form to include also in exact upper lowercase page The starting page number Defaults to 1 when omitted border 0 no border 1 with border Defaults to 1 when omitted urlparams Parameters to pass in URL style no commas or closing brackets allowed suffix Suffix appended to all CSS class names in the form AllowFormEdit 0 no 1 yes See Note Below RemoveExistingSubmissions 0 no 1 yes See Note Below Examples Page 80 User Guide Crosstec Breezing Forms BreezingForms SampleContactForm Bre
91. install all of the buttons and menu items are missing from my BreezingForms admin There is just PHP text where the buttons and menu items should be Try uploading the languages files to your server it sounds like they are either not there or didn t get overwritten with the new files Unzip the com_breezingforms zip file and upload the files noted below to the locations described Page 24 User Guide Crosstec Breezing Forms Unzipped file admin languages en GB admin en GB com_breezingforms ini Upload to JoomlaRoot administrator language en GB en GB com_breezingforms ini Unzipped file admin languages en GB admin en GB com_breezingforms menu ini Upload to JoomlaRoot administrator language en GB en GB com_breezingforms menu ini Unzipped file admin languages en GB admin en GB com_breezingforms sys ini Upload to JoomlaRoot administrator language en GB en GB com_breezingforms sys ini Unzipped file from admin languages en GB public en GB com_breezingforms ini Upload to JoomlaRoot language en GB en GB com_breezingforms ini Warning Invalid Argument Supplied Installation Error After installing BreezingForms on my server I got an error message that says Warning Invalid argument supplied for foreach in C Joomla libraries joomla database database mysql php on line 678 Warning Invalid argument supplied for foreach in C Joomla libraries joomla database database mysql php on line 678 Please check y
92. ion ff CALENDARITEMNAME validation element message if element value split length 3 return message element name faild in my test n message var vDate new Date element value split 0 Number element value split 1 1 element value split 2 0 0 0 0 getTime Page 85 User Guide Crosstec Breezing Forms var today new Date today setHours 0 today setMinutes 0 today setSeconds 0 today setMilliseconds 0 today today getTime if vDate lt today if message message element name faild in my test n return message return This example is for the js calendar default date pattern YYYY MM DD therefore the js above might be slightly different for other patterns for instance german Also note CALENDARITEMNAME has to be replaced by your calendar item s name This is automatically done by clicking Generate Code Framework Can I Replace or Enhance Joomla s Registration Form 1 Can I replace or enhance Joomla s registration form I need more fields than it offers Yes you can do that with BreezingForms See this package Then just disable Joomla s registration and connect your new form through menu article via plugin or module Can I Replace or Enhance Joomla s Registration Form 2 Can I replace or enhance Joomla s registration form I need more information than it asks for Try this End Submit piece it works really wel
93. ipient sbedy 9 7 This line actually emails the form 3 Make Changes to the Code as Needed IMPORTANT The above code assumes that the First Name element on the form is actually called fname minus the quotes in the NAME field underneath the label and that the Last Name element on the form is actually called Iname minus the quotes in the NAME field underneath the label Also remember to change youradminemail yourdomain com in the last line of code to your actual admin email address 4 Once you have edited and copied the code go to Form Properties gt Advanced Tab and click on the More Options link 5 Go to the SUBMIT PIECES tab to the END SUBMIT section and click on the CUSTOM radio button That will open a text area into which you should paste the code that you just edited and copied 6 Click on the SAVE icon at the bottom of that screen to save the code you just added 7 Once back at the base page of your form click on the SAVE icon in the upper right hand corner of the screen to save the form itself 8 Test your form to see if it works I like this but I want to send my form to multiple Admin emails Can I do that Yes you can Just replace the last line of code with Sthis gt sendMail Sfrom fromname yourAdminl email com Ssubject Sbody This line actually emails the form Sthis gt sendMail Sfrom fromname yourAdmin2 email com Ssubject Sbody This line actually emails the form
94. it with fincl1 on fi eoupontodesyaledatton element message if element value ABC123 ieSicuicm g return Please enter a valid coupon code CouponCode validation 6 IMPORTANT If you name your element something other than CouponCode you will need to change that text in the top and bottom line of the code above to match the name you gave the element 7 In this line if element value ABC123 replace ABC123 with your actual coupon code For example if your coupon code is XG1974BG then that line should say if element value XG1974BG 8 Now click on SAVE PROPERTIES to save the validation rule to the element 9 Click on the SAVE icon in the upper right hand corner of the screen to save the form itself 10 Test your form It should work Page 133 User Guide Crosstec Breezing Forms Add Section Header in Email When I divide my form into sections the section title doesn t appear in the Email Is there a way to make it show BreezingForms currently doesn t offer this feature but one of our users suggested the following workaround Thanks SoftDux Add a hidden Input element with the section s name where you want it to appear i e just above or below the section name with settings as follows Type Hidden Input Label 1 The label can t be hidden in this element so numbering each section sequentially seems to look best for display purposes Name Perso
95. ive ces plg_breezingforms 8 22 2011 10 50 AM zip Archive 2 L THEMES_INSTALL_README 2 6 2012 9 41 AM Text Document e fcase s Install the Component STEP 1 OF 2 Log into your Joomla administrator and go to Extensions gt Install Uninstall Extensions Help i Extension Manager Module Manager Plug in Manager Template Manager amp Language Manager pew are ge ores Page 5 User Guide Crosstec Breezing Forms In the extension manager under Upload Package File click on the BROWSE button A and navigate to the unzipped BreezingForms folder You must unzip the initial Breezing Forms download file before you start Page 6 User Guide Crosstec Breezing Forms Select the package com_breezingforms_ vers on zip click OPEN B and then click on Upload and Install C File Upload Look ix breezingfoums_170_UNZIP_FIRST com_breezingforms_170 C mod _breezingforms_170 E oo_breezingforms_170 com beeezingforms 170 250 E IMPORTANT_REAOME t Ly E UICENSEot T mod _breezingorms 170 50 Diplg_breezingforms_170 zip Diplg_reentuncs zip i 3 Extension Install Components Upload Package File Package File You will then see the following on screen message D with a reminder E to proceed to Step 2 to complete installation f 3 a Extension Manager Install Components Module Plugins Languages Templates O Install Component Success Q successful Installa
96. l for me Code Page 86 User Guide Crosstec Breezing Forms Begin create user global mainframe JFactory getLanguage gt load com_user this gt execPieceByName ff_InitLib user clone JFactory getUser pathway amp mainframe gt getPathway config amp JFactory getConfig authorize amp JFactory getACL document amp JFactory getDocument f user registration is not allowed show 403 not authorized usersConfig amp JComponentHelper getParams com_users if usersConfig gt get allowUserRegistration 0 echo lt script gt alert Access forbidden history go 1 lt script gt return yelse Initialize new usertype setting newUsertype usersConfig gt get new_usertype if newUsertype newUsertype Registered Bind the post array to the user object post array name gt ff_getSubmit name username gt ff_getSubmit email email gt ff_getSubmit email password gt ff_getSubmit bfSubsPassword password2 gt ff_getSubmit bfSubsPassword task gt register_save id gt 0 gid gt 0 J if user gt bind post usertype echo lt script gt alert addslashes user gt getError return yelse history go 1 lt script gt Set some initial user values user gt set id 0
97. lays forms inline in contents Requirements The Facileforms component must also be installed same version The bot must be published Pattern syntax FacileForm formname page border erlparams suffix Parameter description FacileForms This tag must be present literally and in exact upper lowercase formare The name of the form to include also in exact upper lowercase page gt The starting page neber Defaults to 1 when omitted border Geno border lewith border Defaults to 1 when omitted wriperens Parameters to pass in VRL style no commas or closing brackets allowed suffix Suffix appended to all CSS class names in the forn Examples FacileForme SampleContactForm FacileForms MyYeryForm 2 i FacileForms Rnotherform 1 0 Gamp ff param xy 12 arp ff param foobar FacileForme testforn 4anp ff _paran_foorbar ywuffix But attention with the following one Basicty it would work but when using a WYSIWYG editor it will insert linebreaks as lt br gt and the bot will no longer recogniz pattern t FacileForns RaotherForn 1 farm ff param xy 1234amp ff param foobar For Easier Use here is a copy of the code Requirements The BreezingForms component must also be installed same version The bot must be published Pattern syntax BreezingForms formname page border urlparams suffix Page 19 User Guide Crosstec Breezing Forms Par
98. ll need to re assign the validations and actions in your forms So check your form validations right after the upgrade to make sure they re okay That s it you re all done Page 26 User Guide Crosstec Breezing Forms Using Breezingforms Manage records Here on the manage forms page is where you come to see all of the forms submitted to the database From here you can view export and even check payment and download times of a form A d J 4 A A Mw Y ME breezingforms ET m x x x POF csv XML Delete Allforms Viewed Exported Archived Manage Records Manage Forms Manage Scripts Manage Pieces integrator Manage Backend Menus Configuration Filter Text E alt forms el Write Status None 1D Submitted iP Provider Title Name Payment TXID PaymentTXdate Payment Testaccount Payment Download Tries Viewed Exported Archived o 2 o N 2011 11 12 21 37 43 69 65 67 11 w 2012 03 21 08 21 36 69 198 141 142 Unknown PS 2012 03 22 13 57 36 69 198 141 142 L 5 2012 05 09 22 04 01 24233 17694 ooo ooo ooo 6 2012 06 04 22 28 33 772 167 1918 Dispay 5 e gt 42345678910 Next gt End Page 1 of 620 PDF CSV and XML Buttons Allows you to create files of the selected records All Form Viewed exported and Achieved Buttons Allow you to switch the view of the records to the corresponding button to see if the items were used or not for the selected buttons Manage Errors Issues You May R
99. lower administrator components com_facileforms admin facileforms php Look for if my gt usertype Super Administrator amp amp my gt usertype Administrator and change it to if my gt usertype Super Administrator amp amp my gt usertype Administrator amp amp my gt usertype Manager Page 29 User Guide Crosstec Breezing Forms BreezingForms Configuration How do I configure BreezingForms once it is installed Configuration Once the BreezingForms component is installed click on the Configuration link to access the configuration settings Site Mens Content Components Extensions Toots Help 88 eww 0 1 Olgu Manage Records Manage Backend Menus Manage Forms Manage Scripts Manage Pieces integrator Configuration Breezingt orme 1 7 0 Stable build 727 Trinity Configuration Use ive ste N configuration php m Ove O Rnvecenswevewnetene no ves Click the Configuration link Preview window gid size 3 Coke 1 S007 Color MfeleD Use WYSMIYG editor tor test atemerts no O ves above to access this screen Compress JavaScript and HTML On ves Get provider with Gethostity Adar m O vs Smal Medum Large Nutter of ines for texterent 4 n 2 Ling descriptions in Eetviews to 10 chars Derat enal motiicaton vdt ess Ener your emal add Path tor ti nages substitute rornte foomponertsicom_ acdefoeneimager Path for tt_uploads substitute roupath oomnporerts i
100. m says x Please enter your name Please enter a valid email address e Fading Effect on Form Entry If you select this option your form fields will fade in as the page loads NOTE if you are using Flash file uploads this effect should be disabled due to a current bug in the code On the list to be corrected e Rollover This box is checked by default When checked a field will change color when it is moused over e Rollover Color If you d like to change the rollover color enter the hex code here for your preferred color Don t understand hex codes or know which one you want Here s a good source for you e Visibility Rules In order to turn fields and or sections on and off conditionally you need to add your visibility rules in this field For more information about conditional fields and visibility rules please click here e Save Properties Once you have filled in the necessary fields on the Properties tab click the Save Properties button located at both the top and bottom of the screen e Save Form Important The Save Properties button only saves the parameters of the form tab that you are on IT DOES NOT SAVE THE FORM ITSELF To save the form click on the Save icon in the upper right hand corner of the page Page 41 User Guide Crosstec Breezing Forms Advanced Form Options Learn more about advanced form options and settings QuickMode Form Options More Options Settings The Settings tab carries fo
101. mats XML CSV or PDF e Custom Mail Subject If you would like to include a custom subject in the Email confirmation you are sent you may do so here e Description The description field will carry forward the form description that you specified on the Form Properties page If you d like to change or enhance it you can do so here You will see three numbers in square brackets beside the Description title Each one reflects the number of lines to Page 43 User Guide Crosstec Breezing Forms be displayed in the text area If you click on 4 a four line text area will be displayed Likewise if you click on 12 or 20 a 12 or 20 line text area will be displayed e Save Settings Once you have finished making changes on this screen you must click on the SAVE icon at the bottom of the screen Page 44 User Guide Crosstec Breezing Forms Email Settings in BreezingForms 1 7 3 and Higher Changes have been made to the way Emails are handled in BreezingForms 1 7 3 Please see below for details In previous versions of BreezingForms some of the settings for Email options determined how Emails would be handled for both the Admin emails and the Mailback emails As of version 1 7 3 this has changed Both functions are now handled in separate screens To work with Email settings go to your form s properties gt Advanced tab gt More Options You will now see that there are two new tabs there one for Admin Emails and one for Mail
102. mentByName ORIGI NALFIELD value 500 ff FormName_init In the code above change TARGETFIELD to the name NOT Label of the element that you want the previously entered data inserted into Change ORIGINALFIELD to the name NOT Label of the element that will capture the data initially the first instance of the element Then click the SAVE button at the bottom of the Scripts tab Once returned to the form click on the SAVE icon in the upper right hand corner of the screen to save the form itself Then test it it should work Does BreezingForms Support Authorize net I need to use authorize net for my payment gateway Does BreezingForms support it Authorize net is not yet implemented natively in BreezingForms but it is relatively simple to add it yourself by using the End Submit piece Basically you would pass the necessary form variables to authorize net as described in the Send Field Values to a Different URL Tip The fields that authorize net needs are described in their integration documentation Exception Caught by FacileForms Error Page 82 User Guide Crosstec Breezing Forms This exception is a warning for coding standards in PHP and can be safely disabled in your php ini file Please change the error reporting in the php ini to The actual value in your php ini should be used only for sites in development and not for production sites Euro symbol in Front of Calculated Amount
103. ments have been added and their properties saved you now need to save the form itself To do so click on theSAVE icon in the upper right hand corner of the screen Then preview your form and test it out Radio Group How do I create a radio group Radio groups are best used when you want to display all the options at one time and allow the user to select only one of them For a radio group the format to layout the options is as follows 0 Label Dabatase Value or 1 Label Database Value Page 60 User Guide Crosstec Breezing Forms If you put a 0 at the front then the radio button will be blank If you put a 1 at the front then that option will by default be marked as the choice For example if you want to offer a user a choice of one color out of a group you might code it as follows 0 Red Red 1 Blue Blue 0 Green Green 0 I like all colors so it doesn t matter Any color Your options will appear in the list in the same order as you enter them in the Group field If you want to change the order just move them around within that field You can also choose to check Wrap each element which would force each choice to a separate line in your form Select List How do I create a Select List For a select list the format to layout the options is as follows 0 Label Dabatase Value or 1 Label Database Value If you put a 0 a
104. mmary of the information provided by the package creator e Complete Installation Click on Continue to complete the installation Your form should now be accessible through the Manage Forms link Page 35 User Guide Crosstec Breezing Forms Manage Forms Quickmode Breezingforms Quick mode is the easiest mode for beginners yet powerful enough for advanced users Combined with a easy to use interface and predefined scripts it makes making forms a breeze Getting Started with Forms Getting started with forms in QuickMode Create Forms QuickMode Using QuickMode you will be able to create a form quickly and easily Let s start by walking you step by step through the creation of a simple one page job application form To begin login to your Joomla account and go to Components gt BreezingForms gt Manage Forms Administration Site Users Menus Content Components Extensions Help Admin Tools 9 Akeeba Backup Quick Icons Banners b a Manage Records fz Contacts gt a Manage Forms EasyBlog gt Ge Manage Scripts Add New Article Article Manage Ae extplorer ia Manage Pieces lt Freestyle Support Portal gt Sm integrator BE invoice manager gt Qe Manage Backend Menus _ l l J2XML Importer S Configuration M JCE Editor gt iu a ini Module Manager Extension Manac k Joomla Update onfiguration Template Manager ZS Messaging gt BA Newsfeeds gt eg O F NoNumber Extension Manager
105. mmended that the setting be kept at No Page 30 User Guide Crosstec Breezing Forms e Number of lines for textareas With this field you can define for yourself how large the textareas should be This can be used in classic mode where you add scripts and pieces in the other modes on the form settings screen as well as for the Scripts and Pieces Libraries More information will be added in the applicable sections e Limit descriptions in listviews to XX characters This field defines the size of the textarea in the Scripts and Pieces Library that shows the description of each script and piece e Default email notification address In this field please enter the default Email address you wish to use If you wish to add more than one Email address separate them with semi colons like this EmailAddress1l EmailAddress2 EmailAddress3 The first Email address will become the REPLY TO address and it plus any additional Email addresses listed after it will receive a copy of the form but only if the MAIL RECIPIENTS field in the form properties for a specific form is left blank e Path for ff_images substitute Unless you have changed the default directory name for BreezingForms this should be left as is e Path for ff_uploads substitute Unless you have changed the default directory name for BreezingForms this should be left as is Once you have finished making changes click on the SAVE icon at the bottom of the scre
106. n a successful submit FROM Field Displayed as Submitter Name amp Email Address How do I change the form so that the Email s FROM field shows the name and Email address of the person who submitted the form IF YOUR NAME FIELD IS CONTAINED WITHIN ONE FIELD 1 In your form s properties make sure that the Mail Notification checkbox is UNCHECKED 2 Copy the code below global mosConfig_mailfrom mosConfig_fromname my this gt execPieceByName ff_InitLib from ff_getSubmit email fromname ff_getSubmit name recipient your email com Change to Your Admin Email Address Create the Body format for use in e mail foreach this gt maildata as data if data _FF_DATA_TYPE Hidden Input body data _FF_DATA_TITLE data _FF_DATA_VALUE nlQ Page 99 User Guide Crosstec Breezing Forms this gt sendMail from fromname recipient body This line actually emails the form 3 Make Changes to the Code as Needed IMPORTANT The above code assumes that the Name element on the form is actually called name minus the quotes in the NAME field underneath the label and that the Email element on the form is actually called email minus the quotes in the NAME field underneath that element s label Also remember to change youradminemail yourdomain com in the last line of code to your actual admin email address 4 Once you have edited and copied th
107. n coding If you want absolute power and flexibility Breezing Forms is right for you too It puts you in charge of creating dynamic forms Look at the different feature and modes below to see which category fits you best QuickMode A form editor for the non programmer and people who want their forms to be done very quickly but nice looking EasyMode A form editor for layout centric form creation Very powerful but simple in usage Ideal for designers ClassicMode A wysiwyg editor for creating forms For technicians and fans of FacileForms Feature QuickMode EasyMode ClassicMode Target Audience Non Programmers Designers Technicians Custom validations and actions yes yes yes Display Type Managed Layout based Free float Display Edit Records front or backend yes yes yes MailChimp Integration yes yes yes Ajax File Uploads Progress Bar yes no no Turn fields on off conditionally yes no no Summary item yes no no Maxlength for textareas including counter yes no no Built In validations and actions yes yes yes Form elements All many special All many special All Captcha Multipage forms yes yes yes Reply To fields yes yes yes Page 1 User Guide Crosstec Breezing Forms Feature QuickMode EasyMode ClassicMode Custom mail subjects yes yes yes Mail templates yes yes yes File attachments yes yes no Form import and export yes yes yes Database storage yes yes yes CSV PDF amp XML export yes yes yes Dat
108. n it and click on COPY Next highlight the Page line in the directory tree that contains your summarize elements right click on it and then click on PASTE Now open up each of the summarize elements and make sure they are correctly mapped to your original elements Click on SAVE PROPERTIES for any summarize element that you have to change and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Forcing a Phrase Match I want to add a coupon code to my form The code will be the same for everyone but I don t know how to make sure they enter the right code Can I even do that Sure you can 1 Go to your form and then to the text element that you are using for your Coupon Code field For the purposes of this example we re going to call the element CouponCode without quotes in the NAME field underneath the Label field Page 132 User Guide Crosstec Breezing Forms 2 Put a checkmark in the Validation box and then click on the radio button to the right of the word Custom in the next line 3 Enter an error message for example Please enter a valid coupon code 4 Click on Create code framework It doesn t look like a link but it is A javascript popup will appear which says Create code framework for validation now Existing code will be appended Click on OK 5 In the text area that opens delete all of the code which is currently there and replace
109. nal_Info_Header or whatever you want to call it Value PERSONAL INFORMATION or whatever your section title is called You might want to make the header a bit more prominent by changing the value to something like this orm PERSONAL INFORMATION Ora Breese IDITIRVSIOINVAIL TEIN IEHOUMUNIEIEOIN ePks AA eter Page 134 User Guide Crosstec Breezing Forms Create a Popup Thank You Message Instead of going to a thank you page just want a popup that tells the user their form has been received Is there a way to do that To create a popup alert go to your form s properties gt Advanced tab gt More Options and then click on the SCRIPTS tab In the SUBMITTED SCRIPT section click on type Custom A textarea should appear Click on the words GENERATE CODE FRAMEWORK that appear Inside the textarea add the following code alert Maem WoL for yovi mouti 5 You can change the message inside the quotation marks to whatever you want Turn a Section Off for Registered Users If a registered user is filling in a form i don t want to collect information about him that we already know such as name surname address etc But if a new user fills out the form then I want that information collected Is there a way to do that This example assumes that you have two sections to your form The first section tagged as Section 1 in the image below would be presented to users who are not logged in but would be hidden for users w
110. nd to corresponding mailback field when checked checkbox 6 In the field Name of textfield that is marked as mailback enter the NAME that you gave your Email element For our example we called it email 7 Click on SAVE PROPERTIES to save the changes you made to the element itself 8 Click on the SAVE icon in the upper right hand corner of the screen to save the actual form 9 Test it out it should be working White Screen on Install I just tried to install BreezingForms and when I clicked the Upload and Install button I just got a white screen What should I do The problem for this and many other installations encountering this error is due to a time out in PHP This can be confirmed by timing the attempted installation time Typically this is set to 60 seconds and the script may take longer than this to install To correct it change the php ini file to have Page 109 User Guide Crosstec Breezing Forms Thanks to Andy500 for the great tip Error jq is not defined My multi page form won t advance to the next page When I check the Firefox error console see this message Error jq is not defined What do I do To fix this you need to reinstall the script library To do so follow these steps 1 Go to Components gt BreezingForms gt Configuration 2 Click on PACKAGE INSTALLER at the bottom of the screen 3 Look in the list for stdlib english and put a check in the box to the left of
111. need to display the total sum of all the fields How do I do that 1 Create a form using QuickMode 2 Add your checkbox fields 3a Give them whatever LABEL you want but make sure the NAME is something easy For this example the names are d11 d12 d13 d14 d16 d18 and dio that last one is a lowercase letter o for open not the number zero Page 111 User Guide Crosstec Breezing Forms 3b Give them a VALUE that is a dollar value My values for this example are 35 00 35 00 35 00 35 00 45 00 55 00 and 70 00 3c For each checkbox click on the ADVANCED tab and create an ACTIONSCRIPT event using CUSTOM and check the action CLICK In the code framework box put in this Code icUiNCieaLoiml ics CLL action elemnsnt eircom ff amountowing action element action Make sure you change the title to match the NAME of this checkbox So for box d12 it would look like this Code cUboeeaLoMl ice CllZ action element aceron i ff amountowing action element action and so on Make sure you click SAVE PROPERTIES after each field is created 4a Create a text field with the NAME amountowing and a VALUE of 0 4b On the ADVANCED tab click on READ ONLY so that people can not alter the amount Under the ACTIONSCRIPT set it to CUSTOM You do not need to click on any of the checkboxes as this script runs from the checkboxes on your form the ones you created in step 2 4c In the code frame
112. ocessor gt rows sr if Srow gt name Sname Srow gt data2 Svalue unset Srow tor setSelectList pr getselectiist selecti DTESE To use it Go to your form s properties and then to the Advanced tab gt More options In the popup window that opens select the tab Form pieces In the BEFORE FORM section choose the Custom radio button Paste your script in there and then make changes as needed You will probably want to replace the static for loop with your SQL query Page 108 User Guide Crosstec Breezing Forms Send Me a Copy Checkbox I want to give my users the option to have a copy of an email sent to them rather than just sending it automatically with the mailback Can I do that Yes you sure can Here s how 1 Make sure you set up a textfield element for your user to add their Email address to In the NAME field for purposes of this example call it email 2 Go to the Advanced tab of your new Email element and check the MAILBACK checkbox 3 Click on SAVE PROPERTIES to save the changes you made to the element itself 4 Just before your submit button and or Captcha image create a new checkbox element a For the LABEL field enter something like Send Copy to My Email b For the NAME field enter something unique such as email_sendcopy c In the VALUE field enter something like Copy Sent 5 Go to the Advanced Tab of the checkbox element and check the Only se
113. of support The 1 year plan includes 12 months access to all extensions or templates if a template club has been chosen that are included with your selected plan 6 months of support The professional plan includes timely unlimited access to all extensions form apps breezingforms themes and templates that are included with the selected plan 12 months of support Reaction time is usually within 24 to 48 hours You will receive adequate and professional answers to each of your support requests but there is no guarantee on reaction times Under certain circumstances weekends public holidays and heavy workload there might be delays If communicating with our support make sure your email address given to support is correct and check your spam folders if answers seem overdue Support languages Native English Native German Included in support Installation help General usage help NOT Included in Support Custom programming Consulting Fixing of 3rd party caused issues Page 3 User Guide Crosstec Breezing Forms 2 2 Refunds NOTE Unlike others there are no domain or server restrictions of any kind no domain limitations on support You are free to use our products the way you want as long as you want 2 3 Requirements Joomla 1 5 x 1 6 x 1 7 x or 2 5 x PHP 5 MySQL 3 Firefox 3 x or Google Chrome very fast for the EasyMode Any other modern browser for the Quick and ClassicMo
114. of the properties tab In our example we named it message If you change the name to something other than message then you will need to change the function name to match it For example if you name the element Phone then that first line of the actionscript should read fi enone Acton element acts Also the element value in the code above must be the same as the value you put in the VALUE field on the element s properties tab In our example the element value is entered as Please write your message here which matches the value that we entered earlier If you change the value in the element s properties to 555 555 533535 then your script assuming it is now a Phone element instead of a message element would change to Code EMCE ice Phone action elenene ECTiom switch action casee ekis if element value 555 555 5555 element value break case blur if element value element value 555 555 5555 break default Phone action Page 154 User Guide Crosstec Breezing Forms Now click on the SAVE PROPERTIES button at the bottom of the screen to save the element you just created Then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Now test it just like magic you should have some disappearing text Allow User to Edit Form Can a user edit their form A user can edit their form if
115. olumn on the Manage Forms screen Fill in the other details as necessary and then click SAVE 2 Install and enable the BreezingForms plugin and embed the form within an article For instructions on how to do that see Install Plugin http www crosstec de support index php pid knowledgebase amp cmd viewentclient amp id 23 Embed Form in Article http www crosstec de support index php pid knowledgebase amp cmd viewentclient amp id 74 3 Display the form in a module position To do so install and enable the BreezingForms module then go to Extensions gt Module Manager and click on NEW Select BreezingForms and then click next Then in the parameters section enter the form name EXACTLY AS SHOWN including case sensitivity in the NAME column on the Manage Forms screen Fill in the other details as necessary and then click SAVE How to Use Submit Button How do I get the Submit button to work in a QuickMode form If you are using QuickMode and your submit button is simply to advance the form to the thank you page and submit the data from the form then all you need to do is 1 In the form properties check the box that says Last page is thank you page 2 Make sure the button for Include submit button is set to YES 3 Make sure that the button for Paging include is set to YES 4 Click on the SAVE PROPERTIES button on the Form Properties screen to save the changes you just made to the form properties It appears both
116. on In the dropdown list that appears select FF ff_validemail_repeat Now create your second textfield with these settings TYPE Textfield LABEL Repeat Email NAME email_repeat The remaining fields Value Size Max length and hint are optional Leave the Validation section at the bottom UNCHECKED Page 91 User Guide Crosstec Breezing Forms There is no need to add a validation rule or type to this Email field because it will automatically be connected to the rule in the previous field IMPORTANT NOTE If you change the name of the first textfield from email to something else let s say contact for example then in the second textfield you will need to change the name field to contact_repeat The word in front of repeat MUST match the name given to the first field Height of Textareas It seems the height of textareas is ignored I tried to set my textarea to 5 rows but nothing happens It still shows 3 rows How do I fix it Use values like 100px or 50 as you would in CSS Limiting the Number of Characters in a Field to an Exact Amount Do you know how I can make the phone number required 10 digits If possible I want the visitor to be able to only enter 10 digits in the phone number field or the form cannot be submitted It definitely is possible to require the phone number field to be ten digits Here is how to do it e Go to your form and then to the text element that you are using for your Telephone
117. open stream No such file or directory in home public_html libraries joomla filesystem file php on line 268 Catchable fatal error Argument 2 passed to QuickMode save must be an array null given called in home public_html administrator components com_breezingforms admin quickmode php on line 42 and defined in home public_html administrator components com_breezingforms admin quickmode class ph p online 23 How can I fix this Check your form in a different browser Does the same thing happen then If it happens in other browsers too then the problem could be that the folder administrator components com_breezingforms ajax_cache is not writable or that you need to activate the FTP layer in the Joomla global configuration settings using the same login data you are using with your regular FTP client How Do I Turn Autocomplete Off or On How do I turn autocomplete off when I m completing a form When I get to a new form field it is trying to fill in other information from a previous form I just want it to be blank Autocomplete is a function of your browser BreezingForms has no influence on this does nor does it fetch any input from earlier sessions You could check to see if it is being stored in Joomla caching and if so turn caching off Otherwise please see the documentation of your browser on how to deactivate the autocomplete function Change Page on Condition have a booking form where the user will have the
118. opy Description This sample is a basic contact form everybody should be able to master t does not require any scri Demonstrates how you can build a dialog with tabs for each page it also shows another reasonable us Shows the interaction between logically connected select lists as well as dynamic replacement of se Shows how a piece can be used to send a mailto an arbitraty address it takes the fields email s Demonstrates the use of embedded php code in various ways A complete pizza order form with all bells and whistles Only the selection of pizzas is very limite This is the registration form for the Rock N Roll dance contest Every site member can make one regi Partipicants ist for the Rock N Roll dance contest Please run registration first in order to au This form shows how content can be sul ted by users This is the preview form for the content submit piece t is not meant to be called directly but This sample is a basic contact form everybody should be able to master does not require any scri Demonstrates how you can build a dialog with tabs for each page It also shows another reasonable us You will see that the QuickMode screen is comprised of two areas On the left side you can add new pages sections and elements while on the right side you have access to numerous form and element properties Page 37 User Guide Crosstec Breezing Forms breezingforms IMPORTANT Click this icon to s
119. our Joomla Global Configuration settings to see which SQL version you are using If it is set to mysql try changing it tomysqli or vice versa and see if that makes a difference Page 25 User Guide Crosstec Breezing Forms Upgrading to Version 1 7 5 from Version 1 7 1 Build 730 to Version 1 7 3 Upgrading to Version 1 7 5 from Version 1 7 1 Build 730 to Version 1 7 3 To upgrade to BreezingForms 1 7 5 from BreezingForms 1 7 1 Build 730 through Version 1 7 3 unzip the upgrade file and then follow the instructions as noted below 1 IMPORTANT Save and backup your Joomla installation files and database before upgrading 2 If you have any custom QuickMode themes PDF templates Email templates or any other custom resources copy them from your server to your hard drive using your FTP client 3 Using an FTP client copy the contents of the folder component files administrator to your Joomla s administrator directory 4 Using an FTP client copy the contents of the folder component files components to your Joomla s components directory 5 Using an FTP client copy the contents of the folder component files language to your Joomla s language directory 6 Using an FTP client copy back to the server all of your custom QuickMode themes PDF templates Email templates or any other custom resources that you saved in Step 2 above 7 Re install the plugin and module if you are using them 8 In some cases you wi
120. our form It becomes painfully slow to save the form too Page 152 User Guide Crosstec Breezing Forms Please try creating editing the form in Firefox or Chrome to see if that resolves the issue If the same thing happens in those browsers please contact support for further assistance How to Make Text Disappear When Field Clicked Instead of using labels want to put hints in the field values that will disappear when a user clicks on them How do I do that Create a new text element or textarea element For the purpose of this example give it the following properties Type Textfield OR Textarea Label Message Name message Value Please write your message here The other fields can be completed however want Go to the element s Advanced tab In the ACTIONSCRIPT section add the following Type Custom Actions CLICK and BLUR should be checked In the textarea that opens enter the following code Code function ff message action element action switch action casen cle kiss if element value Please write your message here element value break Case olwg if element value element value Please write your message here break default Page 153 User Guide Crosstec Breezing Forms ff message action Make sure that the function name ff_message_action element action contains the name of the element as entered in the NAME field
121. out In the parameters on the right hand side select the article that you want placed in the hidden menu Make sure that the Display In field shows your hidden menu Fill in the other fields as you normally would and then click on the SAVE icon in the upper right hand corner of the screen When you are returned to the Menu Item Manager screen make note of the ItemID that is assigned to your new menu item To create a link to the article use the following format Replace xx with the ID number of the article you want to link and replace yy with the ID number assigned to your hidden menu Now test the URL to make sure that it works LINKING A FORM TO A HIDDEN MENU If you want to link a BreezingForms form directly to a hidden menu then create the hidden menu as noted above Find the hidden menu in the Menus dropdown Click on it and then click on the NEW icon in the upper right hand corner of the screen In the dialogue box that opens select Menu Type BreezingForms In the parameters section enter the form name EXACTLY AS SHOWN including case sensitivity in the NAME column on the Manage Forms screen Make sure that the Display In field shows your hidden menu Fill in the other fields as you normally would and then click on the SAVE icon in the upper right hand corner of the screen Page 122 User Guide Crosstec Breezing Forms When you are returned to the Menu Item Manager screen make note of the ItemlD that is assigne
122. out linebreaks or other formatting If you choose the NO button the Email will be sent in plain text format and the layout that you create will be retained in the Email including whatever linebreaks you might include Once you have the layout done the way you want you can go to the Mailback Email tab to customize your settings there TIP You might want to save your changes before moving on If so scroll down to the bottom of the frame and click on the SAVE button You will then be returned to the main form screen Click the SAVE button in the upper right hand corner of the screen to ensure that your changes are saved MAILBACK EMAILS The screen for Mailback Emails is almost identical to the one for Admin Emails The only difference is that the Email Address dropdown and Email To textfield are not included Page 49 User Guide Crosstec Breezing Forms BreezingForms Edit Form Settings Admin Emails Mailback Emails MailChimp Scripts Form pieces Submit pieces Email Notification Report Nonempty values x Attachment No x Alternative From Email Alternative From Name Custom Email Subject Se Se D default custom Name label z Name value Send as HTML No Yes email label email value message label messaqge value Email Notification Report In the Mailback Email that is sent you can choose to report send the following data 1 Header only will only send the header data
123. ppear as follows Page 51 User Guide Crosstec Breezing Forms Custom Email Subject Edit Errai ome Name label Name value Send as HTML No Yes email label email value message label message value All fields that are in use in your form will be displayed in this column Click on one of the bracketed links in the left hand column and it will then be displayed in the textbox on the right Within that textbox you can manipulate the layout as you wish Page 52 User Guide Name label Name value S Click on one of email label the bracketed email value Pr links in the column It N will then appear in the textbox on the right Once there you can manipulate the layout as needed For example add a colon between the label and value or increase line spacing etc message label message value If you choose the YES button to senda left hand gt email label Crosstec Breezing Forms Send as HTML No Yes Name label Name value email value message label message value s HTML then you can wrap the labels and values within paragraphs use different fonts and colors etc In fact if you specify that it should be sent as HTML but don t use HTML tags in the message th formatting If you choose the NO button the Email will be retained in the Email including Once you have made the necessary c
124. r poset le nane i row gt ilagl spath a dace Ymes y i sile exists patha i Srnd md5 mt_rand 0 mt_getrandmax Sparta bascDUur 7 rind souseutils mame Li row gt rilagil Spata sl clita Guava GlIEIEINS RUN z Le faile Gxalsts patra q Sthis gt status FF STATUS UPLOAD FAILED Sthis gt message BEText _ PROCESS_FILEEXISTS iO Yp p if Replace it with if row gt ilagl tims patha date V imeiisY W p Spatii SbaseDiir mS time pathi suser miie mame i ile exists gpata Sthis gt status FF STATUS UPLOAD FAILED Sthis gt message BFTGkt PROCESS FILEEXISTS Tewi YZ Re LE Thanks to Stefan Mortelmans for contributing the code Next Page Doesn t Go to the Top of the Page When I click on the next page button it doesn t return to the top of the page How can fix it so it does 1 Go to Components gt BreezingForms gt Manage Scripts Click on Validate and Next Page Add self scrollTo 0 0 at the bottom of the function just before the ff_validate_nextpage line The script should now look like this Code Page 103 User Guide Crosstec Breezing Forms FUME OM i validace nextpage lelenment ACEON if typeof bfUseErrorAlerts undefined Sie birmrrorMessage locimll Tt y Sie loitmicronviessacge css chisplay aone y error if vyvalication ri cur
125. r form s properties gt Advanced tab gt More Options gt Form pieces In the Before Form section click on the CUSTOM button A text box will open In that box enter the following code Page 150 User Guide Crosstec Breezing Forms Code echo lt script src includes js maskedinput src jquery maskedinput js type reze Wy avidceripEl gt lt sietepie gt echo lt script gt JQuery function S S it elemi176 mask 99 99 9909 SCM ig eleni 77 sms 7 M98 GIG Qg e 5 S it elemli mask 999 99 9999 gt DE LN SCTiDT gt You can then replace the element IDs from the example above with your own element IDs setting the mask format as needed Refer to the Input Mask documentation to see what formats are available Now click on the SAVE button at the bottom of the screen to save your Form Piece changes Then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Now test your form it should work Could Not Instantiate Mail Function Error When I test my form it generates a Could not instantiate mail function error and the form isn t sent What s wrong That error message is usually generated if your Joomla Global Config mail settings are not right It could be that you need to use Sendmail or SMTP instead of PHPmailer most common or it could be that there is an error in your Email settings First try chchanging your Global Config first to s
126. r of the screen to save your form Upon submit they will be taken to the URL based on the choice they made Masked Input for Fields Is there a way to use masked inputting with elements in BreezingForms Go to this site and download the Masked Input plugin zipfile Unzip the zip file Create a new folder on your server let s call it maskedinput to house the contents created mine as follows Page 149 User Guide Crosstec Breezing Forms Now upload the contents files and folders of the unzipped file to the maskedinput folder Once you ve done that you need to create your form and connect it to a menu item so you can view it Open the page that contains the form and click on View Source You now need to find the ELEMENT ID for each element that you want to use with the Input Mask script In my case added three text elements to my form date phone and SSN Here is the HTML code for the date element in my form Code lt input Classic Siem cwyxsSVessce imeimS icic nm Carcel value sce elemli TEUS The ELEMENT ID for the date field is at the end ff_elem1176 Here is the HTML code for the phone element in my form Code lt injote Classic elemi type text meams rr mm Ponsi vealue Wi auel Vicw elemi LIPE The element ID for the phone field is ff_elem1177 Make a note of the ELEMENT ID for each element that you are using masked input for Now go back to BreezingForms to you
127. reate a quick Email template using a simple tagging system When you click on the Custom button a new section will appear as follows Page 47 User Guide Crosstec Breezing Forms Custom Email Subject Edit Errai ome Name label Name value Send as HTML No Yes email label email value message label message value All fields that are in use in your form will be displayed in this column Click on one of the bracketed links in the left hand column and it will then be displayed in the textbox on the right Within that textbox you can manipulate the layout as you wish Page 48 User Guide Crosstec Breezing Forms Name label Name value Send as HTML No Yes X Click on one of m email label the bracketed _ Name label Name value email value pe links in the left hand femail label email value message label column It y message value Will then appear in the message label textbox on the right Once there you can manipulate the layout as needed For example add a colon between the label and value or increase line spacing etc message value If you choose the YES button to send as HTML then you can wrap the labels and values within paragraphs use different fonts and colors etc In fact if you specify that it should be sent as HTML but don t use HTML tags in the message the Email sent will be displayed with
128. reezingForms gt Configuration Administration Site Users Menus Content Components Extensions Help gv Admin Tools j B breezingforms f Akeeba Backup Banners gt m Manage Records g Contacts gt Ge Manage Forms Manage Records Manage Forms B EasyBlog gt a Manage Scripts 3C extplorer Wm Manage Pieces BreezingForms 1 7 5 Stable build 761 Freestyle Support Portal gt jt integrator Manage Forms invoice manager gt We Manage Backend Menus F Title l5 J2XML Importer wm Configuration First Time Installation If you are installing BreezingForms for the first time in the Select database install update mode choose New install Create tables drops existing tables F Page 15 User Guide Crosstec Breezing Forms ee Site Menus Content Components Extensions Tools Help Manage Records Manage Backend Menus Manage Forms Manage S Installation Step 2 The program has been installed sucessfully now Next step is creating or updating the database tables respectively The installation automaticly detects if you are upgrading from a previous version und proposes the correct mode However you should still check if this really is ok for your configuration You can also choose to install optional packages It is recommended to install the standard samples since they are a major source of information Please check the matching options and then click on Continue to proceed Select database installiupd
129. renmtpage s iit icroir J Y1 Ff if typeof bfUseErrorAlerts undefined alert error y else bf ShowErrors error ff ValidattOnPocus else G Swic Onpage tr vourrentpage self SCHOLIUWO 0 g validate nextpage You might want to make the same change to other scripts that provide page navigation such as Next Page ff_nextpage Previous Page ff_previouspage White Screen How to Fix When I try to submit my forms get a white screen on the front end How do fix it Here is some potential solutions to this issue 1 The RokCandy macro component messes up other components unless you go into the Component gt RokCandy settings and turn off all of the Basic macros there are about 6 of them You can leave all the special template overrides active as they only apply to the RT templates and don t muck with anything else Once did this was able to see my forms without any problem Thanks to Kelly for sharing your solution 2 If your site is hosted with one com Page 104 User Guide Crosstec Breezing Forms Since One com upgraded PHP we have been getting a white screen found a working solution If you are having this problem and One com is your webhost try configuring the Joomla e mail settings as follows Mailer SMTP Server Email your email com replace this with your Email address From name of the website the name you want in the FROM field S
130. rm width in QuickMode I changed the setting in More Options but it didn t work In the form s properties gt Advanced tab gt More Options the form width field there only works for forms that are being displayed within an iFrame For a form being displayed normally the change needs to be made to the CSS file of the form theme that you are using For example if you have assigned the Aqua theme to your form you would have to make changes to components com_breezingforms themes quickmode aqua theme css Around line 27 you should see something like bfQuickMode width 100 here you can change the width of the form padding Opx margin Opx Page 54 User Guide Crosstec Breezing Forms Form Elements Checkbox How do I set up a Checkbox element To create a checkbox element use the following settings in the element s properties Type Checkbox Label Check here to whatever Use whatever wording you want Name checkbox or whatever name you want to assign to it Value Enter whatever value here that you want to appear in the database and or email address Some examples CHECKED UNCHECKED AGREED TO TERMS YES NO etc This field MUST have a value entered in order to return a result Checked If you want the box to be checked by default put a checkmark in the box Readonly Check this box if you want the field to be read only Hint If you feel the element needs a hit tooltip enter it here VA
131. rposes Section Name You can name this yourself or leave it with the name automatically assigned by BreezingForms Note that if you rename it that the name should include only letters numbers and underscores Special characters and spaces should NOT be used Within each of those sub sections 1A and 1B you would then put the elements that you want displayed within the fieldset Page 89 User Guide Crosstec Breezing Forms Captcha Change Colors etc Can I change the background color of the captcha Yes you can You can make a number of changes to the captcha settings here In Build 730 and higher In Build 729 and lower Creating a Two Column Form I need a form with two columns Can you tell me how to do that Highlight the page in the form tree on the left hand side of the page Click on the NEW SECTION button and set the properties as follows Type Normal Display Type All ina Row Title Section 1 Rename as you see fit this is for illustration purposes Section Name You can name this yourself or leave it with the name automatically assigned by BreezingForms Note that if you rename it that the name should include only letters numbers and underscores Special characters and spaces should NOT be used Now highlight the Section 1 that you just created and click on the NEW SECTION button again This time set the properties to Type Fieldset Display Type Wrap after each element Title Section 1A
132. rtoupper value 11 Hit save below the codebox What you have just done is to uppercase the incoming name ona form save data copy 12 Now open the SampleContactForm itself enter some data and submit 13 Now go open phpMyAdmin and browse to the jos_users table and you will see the new entry For updates it is a little bit more difficult If you need assistance please contact support Page 76 User Guide Crosstec Breezing Forms FAQ s Coding Tips and Ideas Here is a list of FAQ s Ideas and Coding tips you may want to utilize on your next project We try to cover every scenario as best we can Please remember that that for the Paid or free version of Breezing forms the thing that are and are not included Sometimes from time to time we do custom programming and assisting with 3 4 party issues but they are in no way included within the free or paid subscription or we are obligated to provide support for NOT included items Page 77 User Guide Crosstec Breezing Forms Calculating Checkbox Sums How do I get my form to calculate amounts from checkboxes 1 Create a form using QuickMode 2 Add your checkbox fields 3a Give them whatever LABEL you want but make sure the NAME is something easy For this example the names are d11 d12 d13 d14 d16 d18 and d1o that last one is a lowercase letter o for open not the number zero 3b Give them a VALUE that is a dollar value My values for this exampl
133. rward some settings initially defined elsewhere and allows you to change them and or define some additional parameters such as the order you want the form to appear in whether it will run in the frontend or on the backend admin side and so on For more information on each individual element please read on Breezingforms Edit Form Settings Scripts Form pieces Submit pieces The My Fiest Form Nome muyfirstfonm T CSS class for lt div CSS class tor lt form Ordering O My First Form v Pubkshed O mo ves Run Mode Ary v Width 400 pe v Height Foved vy 500 px Log To Database Nonempty values Y Email Notification To Custom Addiess Y Email to me mycompary com Report Nonemoty values V XML Attachment No v Custom mai subject Descriptiore 4 12 20 My first one page form d Save Cancel la e Title This field will automatically carry forward the title you defined when you created the form If you change it here then save the settings at the bottom of the page and then save the form itself your old title will be overwritten with the new one you just defined e Name This field will automatically carry forward the form name you defined when you created the form If you change it here then save the settings at the bottom of the page and then save the form itself your old form name will be overwritten with the new one you just defined e Ordering This dropdown allows you to change the order in which your form
134. s a result there is no other way to handle this than by having them ordered alphabectially You might be able to find an Excel macro on the web that could help you with re ordering the fields on demand Page 115 User Guide Crosstec Breezing Forms Export Form as PDF to Admin Email Is there a way for me to export the form as a PDF document to send to the admin Email Yes you sure can do that Go to the form s properties gt Advanced tab gt More Options In the Attachment dropdown at the bottom select the PDF option You can also choose to log the form values to the database or not and the option of only sending non empty values Once you have made the changes you want there click the SAVE icon in the lower right hand corner of that screen to save those form properties You will then be redirected back to the form properties screen Click on the SAVE icon in the upper right hand corner of the screen to save the form US State Abbreviations Select List I need to put all the US states in my form in a select list Do you have a copy of them that I can use without having to retype them all Yes we do Create your select list element and then in the LIST field enter the following code 0 State arta eases 0 NC NC 0 AL AL Nera Re ee 0 NE NE O AZ AZ pte 0 CA CA a re O NOAN 07C CO 3 z 0 CT CT O NM NM IKES O NV NV OD eb 0 DE DE O NY NY ead tee 0 OH OH Mae le 0 OK OK
135. s and initializations on field level Using the Integrator Here are some instructions on how to use the BreezingForms integrator The integrator since 1 5 9 build 700 is a nice way to store the data of your forms into any database table of your joomla installation mostly tables beginning with jos_ The concept behind it is quite simple If you just want to insert new data you choose the form the database table where you want to store the data and the fields to copy for example for newsletter subscriptions If you need to update existing entries you will need the information above plus some sort of criteria that indicates where to save what and when For example community builder personal info updates But let s start with a simple insert 1 In the Integrator screen click New in the upper right 2 Choose a name select the SampleContactForm and as target table jos_users and as type leave insert 3 Hit save in the upper right 4 Now a second table appears Data Integration Page 75 User Guide Crosstec Breezing Forms 5 As _incoming_ element choose cf_name Text and as _outgoing_ element choose name varchar 6 Click add 7 Then as next choose cf_email Text and as _outgoing_ element choose email varchar 8 Click add 9 In each of these data integrations you see a link Code click on the code for the item cf_name 10 In the appearing box enter this value st
136. script assigned to it The settings should be Type Library Actions Click should be checked Script FF ff_validate_submit if it is a one page form or Script FF ff_validate_nextpage if it is a multi page form Then click the Update button and then save the form Now you should see the date picker in your form PHP Error Allowed Memory Size l am getting an error on my site not all the time but quite often The website encountered an error while retrieving URL It may be down for maintenance or configured incorrectly Here are some suggestions Reload this web page later HTTP Error 500 Internal Server Error An unexpected condition was encountered while the server was attempting to fulfill the request How can I fix this Take a look at Help gt System Info gt PHP Information and see what the memory_limit is set to If it is only 8MB then you likely have too little memory available in the php ini settings of your hosting account If that is the case to resolve it contact your host and ask them to increase memory memory_limit to at least 32 MB and then see if the error disappears Page 157 User Guide Crosstec Breezing Forms Catchable Fatal Error When Saving Form When I to make changes to my form in the backend get an error message like this Warning fopen home public_html administrator components com_breezingforms ajax_cach e ajaxsave_0_0 40857069558356207 txt function fopen failed to
137. self Page 126 User Guide Crosstec Breezing Forms Send Field Values to a Different URL I want to send my form values to a URL instead of sending them in an email message Can I do that Yes you can Just re submit the values using a hidden form right after the submit To do this go to your form s properties gt Advanced Tab gt More Options Then click on the SUBMIT PIECES tab and scroll down to the END SUBMIT section Click on the CUSTOM radio button and in the textarea that opens add the following code Code Sthis gt execPieceByName ff InitLib echo lt form name myresubmit action YOUR TARGET URL gt lt input type hidden name somefield value htmlentities ff getSubmit U SKonneiesySiel V s lt input type hidden name somefield2 value htmlentities ff getSubmit Ysemiene eilol2 RA lt input type hidden name somefield3 value htmlentities ff getSubmit Tsonnestiealelsy I a PS lt l amne SO OM spo gt lt form gt lt SC eijoie gt document myresubmit submit lt seieijor gt te exit Remember to replace the somefield variables with your field names Center Submit Button Is there a way to center the submit button To center the submit button add the following code to your template css file or theme css file In Build 730 and higher you will find them at Page 127 User Guide Crosstec Breezing Forms Ad
138. should appear Page 131 User Guide Crosstec Breezing Forms Summarize Elements Are Empty I created summarize elements using the instructions found in the KnowledgeBase but when I test my page the summaries are all empty How can fix this For reasons we have not yet been able to determine the summarize fields occasionally just do not take even if they have been coded correctly One workaround we have found is to try copying the elements that contains your summarize elements and then paste them back in again To do so highlight the element name in the left hand directory tree then right click on it and click on COPY Next highlight the Page line in the directory tree that contains your summarize elements right click on it and then click on PASTE Once you have done that for each element you need to delete the original elements that you created They should be the ones at the top of the page Your copied elements will show up below them Now open up each of the summarize elements and make sure they are correctly mapped to your original elements Click on SAVE PROPERTIES for any summarize element that you have to change and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Section Short Cut If your summarize elements are contained within a section this becomes much easier You can then highlight the SECTION name in the left hand directory tree right click o
139. sion gt After Submit Same like above except that it will be executed after a submission has been stored All of these tabs above share the same concept Library You can wether choose a predefined script piece from the library While each item of the library Page 74 User Guide Crosstec Breezing Forms can be packaged itself Means you can create your own library items and re use them in other forms Custom You can add code directly in place for one of the actions above For custom scripts it is required that you click create code framework first in order to have a javascript function skeleton where you place your code into while for pieces you can start writing your custom code without the need to create a function Things you always want to use in a Piece PHP ff_getSubmit FIELDNAME gt will return the value of a field ff_getSubmit FIELDNAME FF_ARRAY gt will return the value of a field as array required if you want access to vaues of a group like a checkbox As soon as you use things like ff_getSubmit in your piece put this as first command into your custom code Sthis gt execPieceByName ff InitLib Things you always want to use in a Script Javascript ff_getElementByName FIELDNAME gt will return the DOM object of the field ff_getElementByName FIELDNAME value gt will return the value of that field The same is applicable for scripts that you use for validations action
140. stead of using the thank you page that the form creates Create an END SUBMIT piece Form Properties gt Advanced Tab gt More Options gt Submit Pieces Tab Then click on CUSTOM in the END SUBMIT section and paste in the following code this gt execPieceByName ff_InitLib ff_redirect myThankYouPage php If you are redirecting to a page outside of your server then it should be coded like this this gt execPieceByName ff_InitLib ff_redirect http www yourDomain com page html If your form is displayed in an iFrame and you want the page you are redirecting to to break out of the iFrame and appear in the main window use this code instead this gt execPieceByName ff_InitLib ff_redirect myThankYouPage php parent or if redirecting to a page outside of your server Page 95 User Guide Crosstec Breezing Forms this gt execPieceByName ff_InitLib ff_redirect http www yourDomain com page html parent Remember to replace the myThankYouPage php or http www yourDomain com page html with the correct URL for your thank you page Once you have added that code click on the SAVE button at the bottom of that screen You will then be taken back to the form s property screen Click on SAVE PROPERTIES to save the changes to the form s properties and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Changing Fonts
141. t in your php ini file or if you are the administrator install it if is not already installed For Windows machines using XAMPP you would do this by removing the in the php ini extension php _zip dll If you do not activate native zip support Joomla uses an alternative way of unzipping which seems to be a lot slower OR causes an infinite loop You could also try using the alternate installation method described here Components Menu on Installation Shows All BreezingForms Links Separately After I installed BreezingForms the components menu shows all the links separately like Manage Records Manage Forms etc instead of showing the BreezingForms menu with the other links dropping down when it s moused over Why would this happen Some possible reasons for this are 1 The tmp folder at your Joomla root isn t writable Permissions should be set to 0755 2 The path to the tmp folder is incorrectly stated in Joomla s Global Configuration settings The installation process requires use of the tmp folder while in progress and if it is not available the installation will not finalize Installation Fails with JFolder Error When I try to install BreezingForms I get an error that says JFolder create Could not create directory Warning Failed to move file What do I have to do to get this installed 1 Check your FTP settings and make sure that they are correct If they are correct but you are still getting that
142. t the front then the option will not be selected If you put a 1 at the front then that option will be selected If you want to have the first line of a Select List be something like Choose Type then you would set that up like this 0 Choose Type Page 61 User Guide Crosstec Breezing Forms In this case you will notice that there is no value entered after the second semicolon That is because if you put a value in it and then use validation rules that state the element is required any text after that second semicolon would make it appear that a choice had been made If you put no text after the second semicolon then the validation script will still prompt them to select a choice in the field So putting all of that together let s say you want to give someone a color choice You might code it as follows 0 Choose Color 0 Red Red 0 Blue Blue 0 Green Green 0 I like all colors so it doesn t matter Any color Your options will appear in the list in the same order as you enter them in the List field If you want to change the order just move them around within that field The validation rule that should be used with a select list is FF ff_valuenotempty Validating Form Elements How do I validate a field I checked the Required checkbox but I was able to send a form without that field being completed I don t understand The Required checkbox adds the asterisk to the form so there is a visual
143. ted You could try changing the comma separator to a semicolon which one to use depends on which version of Excel you have You could also try switching the linebreak setting from Normal to Masked or vice versa Also this information found on the Microsoft website might help ISSUE All of the text in the file appears in the first column SUGGESTED FIX 1 Select the range of cells that contains the text values The range can be any number of rows tall but no more than one column wide Note There must be enough blank columns to the right of the selected column to accommodate the columns of data you want to create or the data to the right of the selected column will be overwritten 2 On the Data menu click Text to Columns 3 Follow the instructions in the Convert Text to Columns Wizard to specify how you want to divide the text into columns Allow Manager Access I want one of my staff with Manager level rights to be able to access the records in BreezingForms but only an Administrator can Is there a way around that Page 28 User Guide Crosstec Breezing Forms Yes there is Please note however that this code fix will give a Manager access to ALL areas of BreezingForms not just the Manage Records section To grant rights to a Manager within BreezingForms open this file In BreezingForms Build 730 and higher administrator components com_breezingforms admin breezingforms php In BreezingForms Build 729 and
144. these steps 1 Go to Components gt BreezingForms gt Configuration 2 Click on PACKAGE INSTALLER at the bottom of the screen 3 Look in the list for stdlib english and put a check in the box to the left of it 4 Click on the UNINSTALL PACKAGES icon in the upper right hand corner of the screen 5 An alert will appear asking if you re sure you really want to uninstall the package It s okay be brave Do it You ll now be back at the PACKAGE INSTALLER screen 6 Unzip the attached zip file and save the included stdlib english xml file to somewhere on your hard drive 7 Now we want to reinstall that package By default the radio button for UPLOAD PACKAGE FILE FROM CLIENT amp INSTALL should be selected 8 Browse to the directory on your hard drive where you stored that xml file and select it Highlight the file and click OPEN or double click the file and it should then appear in the filename field 9 Now click on the INSTALL PACKAGE icon in the upper right hand corner of the screen 10 You ll then be directed to a Package Installation Report Click the CONTINUE icon at the bottom of the screen 11 Now that part is done so go to the MANAGE FORMS section and re open your form 12 Once open click on the SAVE icon in the upper right hand corner of the screen Now test your form It should advance properly through the pages Total Sum Calculations with Checkbox Fields How To I have amounts in checkbox fields and
145. tibility a feature built into the Rockettheme template which could solve the issue Thanks to user jimbo717 for this suggestion Limit the Number of Submissions Is there a way to limit the number of forms that can be submitted This would come in handy if needed to limit the number of entries for a contest or registration for an event etc Yes you can do this by creating a BEFORE FORM PIECE To do that go to your form s properties gt Advanced Tab gt More Options then click on the PIECES tab In the BEFORE FORM section click on the Custom radio button and add the code below IMPORTANT You will need to change the 999 in the code below to the ID of your form To find the ID number go to Components gt BreezingForms gt Manage Forms You will find the ID number for your form in the Script ID column To set a limit on the number of submissions change the 100 in the load result line to whatever number of submissions you want to allow You will also need to replace the URL in the Header Location to the URL for your Limit Exceeded notice page Code Sdb JFactory getDBO db gt setOvery Select Corned Peon i raclleromns teCozce Where tocn 999W er if db gt loadResult gt 100 replace index php with the url to an article explaining that the max am ount has been reached header Location index php exit Page 142 User Guide Crosstec Breezing Forms Sele
146. tion Message Step 1 Now proceed to Step 2 below BreezingForms component Enhanced form design tool z Next find BreezingForms in the Components menu and click on Configuration to continue with step 2 of the installation process Page 7 User Guide Crosstec Breezing Forms STEP 2 OF 2 To complete the installation go to the menu Components gt BreezingForms gt Configuration Administration Site Users Menus Content Components Extensions Help gv Admin Tools j B breezingforms f Akeeba Backup Banners gt m Manage Records g Contacts gt Ge Manage Forms Manage Records Manage Forms B EasyBlog gt a Manage Scripts 3C extplorer Wm Manage Pieces BreezingForms 1 7 5 Stable build 761 Freestyle Support Portal gt jt integrator Manage Forms invoice manager gt We Manage Backend Menus F Title l5 J2XML Importer wm Configuration First Time Installation If you are installing BreezingForms for the first time in the Select database install update mode choose New install Create tables drops existing tables F Page 8 User Guide Crosstec Breezing Forms ee Site Menus Content Components Extensions Tools Help Manage Records Manage Backend Menus Manage Forms Manage S Installation Step 2 The program has been installed sucessfully now Next step is creating or updating the database tables respectively The installation automaticly detects if you are upgrading from a previo
147. tions lt a gt Click on the SAVE PROPERTIES button to save the changes to the element and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself In Version 1 7 2 and lower the label doesn t allow hyperlinks What you could do instead is to create a section with properties of normal all in a row that houses two more nested sections each with properties of normal wrap after each element In the first section which will essentially be the left hand section you can add the text with hyperlink by clicking on the EDIT link in the section properties Then click SAVE at the bottom of the screen to save the text and then click SAVE PROPERTIES to save the page element In the second section the right hand section you can add the checkbox element In the Advanced tab check the HIDE LABEL checkbox so that only the checkbox shows Then click SAVE PROPERTIES to save the changes you made to the checkbox element Don t forget to click on the SAVE icon in the upper right hand corner of the screen to save the form itself PDF Exports Form Order When I export to PDF in the back end the fields appear in alphabetical order need them to appear in the same order as the form itself How do I do that For technical reasons it is not possible to have the fields appear in the same order as your form This is due to the fact that the same export function is used for ALL forms stored on your system A
148. to My Form Is there a way to add text to my form I don t want to put it in an element but I need it placed beside or underneath it Yes you can add free text in BreezingForms within a page or a section At the page level your text would appear above the form To do so click on the Page title in the left hand tree and then click on the EDIT link to the right of the word INTRO in the right hand properties Within the editor that opens you can add HTML images etc To place text elsewhere in the form create a new section where you want the text to be placed and then click on the EDIT link that will appear in the right hand element properties Within the editor that opens you can add HTML images etc Summarize Elements Are Empty BUG I created summarize elements using the instructions I found in the KnowledgeBase but when I test my page the summaries are all empty How can I fix this We have identified a bug where the summarize elements will not be filled in if you have the Fading effect on form entry selected in the form property s Advanced tab If you have that box checked please uncheck it and see if that resolves the issue for you If it does not try copying the elements that contains your summarize elements and then paste them back in again To do so highlight the element name in the left hand directory tree then right click on it and click on COPY Next highlight the Page line in the directory tree
149. to your form In the List field you will see Oe wtitcie Tayalusi O0 Title 2 value2 O Title 3 value3 The 0 tells BreezingForms not to select the field If you wanted it to be selected upon form load then change it to 1 The Title is the label that will show up in the dropdown box The Value is what will be stored in the database and or sent in the Email message Let s say you want to add Please Select or Choose at the top of the dropdown list To do that add an extra line before your actual values like so 0 Please Select O0 Title l valuel Optile 2pwalwez 0O Title 3 value3 You will notice that there is no value assigned in the top row That is so that if you want to create a validation rule forcing a user to make a selection your Please Select row won t be counted as an actual selection To validate the rule you should choose is FF ff_valuenotempty Page 114 User Guide Crosstec Breezing Forms Adding Links to Labels I want to add a link to my checkbox label so my visitors can click the link to view our terms and conditions before checking the box How do I do that In BreezingForms Version 1 7 3 Build 740 and higher you can use basic HTML in the LABEL field of QuickMode So just create a checkbox element and then in the Label field enter something like I agres to lt a Hrer hetp mysitte com Lerms nimi target _blank gt Terms and Condi
150. tom of that screen and then once back at the form properties screen click on the SAVE icon in the upper right hand corner of the screen iFrame Text is Aligned Right I have a form running inside an iFrame but for some reason the text is all aligned on the right hand side and the punctuation shows before the text Help This is a known Joomla 1 5 15 bug Look in your Joomla directory structure and see if you have this file templates system css template_rtl css If so try replacing the file with an empty one or comment out the appropriate code as noted in the post below That should solve your problem Installation 2006 Error I tried to install BreezingForms but I got this error component Installer DB function failed with error number 2006 There are two possibilities Page 97 User Guide Crosstec Breezing Forms One is that you could need to increase the max allowed package size in the mysql config If that doesn t work 1 Download the attached file bf components 737 zip 2 Unzip the file There is just one sql file in the package 3 BACKUP YOUR DATABASE 4 Import the sql file into your database If your database prefix is something other than Joomla s default jos_ prefix you will need to change that in the SQL file before importing it 5 Download the latest Upgrade version of BreezingForms via the My Files link at crosstec de and upload the files folders to your server as noted in the ReadM
151. umber Ei egeehvemencs Name ohGEel 2 ye valve je Number i getilenentsyNeme SBELECIT 3 value r Number ff getElementByName SELECT 4 value 4 1 66 Replace the names SELECT with the real names of the select lists you are using and you should be fine Copied Form Not Retaining Validation Rules I have a form created in Quickmode and have a number of fields that are required I have ticked the necessary Required box and selected the FF ff_valuenotempty validation script but the form still submits with empty fields What s wrong Page 147 User Guide Crosstec Breezing Forms There is sometimes a problem when using a copy of a form where the form gets duplicated but the elements don t map correctly causing a conflict in the database The workaround is to copy the original form by creating a package Then once saved install the package with the form back into the form list Then open the form you just installed you can tell which one it is because it will have a higher ID number and save the form once as it is Once you have done that rename the form click on the SAVE PROPERTIES button to save the change you just made and then click on the SAVE icon in the upper right hand corner of the screen to save the form itself Those steps somehow remap everything so it all works properly again Redirect User to a Different URL based on Select List Choice My form has a drop down list with s
152. us version und proposes the correct mode However you should still check if this really is ok for your configuration You can also choose to install optional packages It is recommended to install the standard samples since they are a major source of information Please check the matching options and then click on Continue to proceed Select database installiupdate mode O New install Create tables drops existing tables Reinstalling 1 4 Table structures are up to date Select optional packages o Sample forms Samples 1 Continue Reinstalling or Upgrading If you are reinstalling or upgrading BreezingForms then in the Select database install update mode choose Reinstalling 1 4 Table structures are up to date G You have the option to load the sample forms with your installation If you d like to do so check the box to the left of Sample forms Samples H Click on Continue I to complete installation and you should see the following message Page 9 User Guide Crosstec Breezing Forms lt Joomlal Site Menus Content Components Extensions Tools Help Manage Records Manage Backend Menus Contact form Manage F Configuration Installation Complete The database operations have now been performed according to your settings Below you see a list of the messages returned from the database The next step is to check the program configuration Finally first timers should go to Manage Forms and
153. user gt set usertype user gt set gid authorize gt get_group_id newUsertype ARO date amp JFactory getDate user gt set registerDate date gt toMySQL f user activation is turned on we need to set the activation information useractivation usersConfig gt get useractivation if useractivation 1 jimport joomla user helper Page 87 User Guide Crosstec Breezing Forms user gt set activation JUtility getHash JUserHelper genRandomPassword user gt set block 1 f there was an error with registration set the message and display form if user gt save echo lt script gt alert addslashes JText _ user gt getError return yelse history go 1 lt script gt db amp JFactory getDBO name user gt get name email user gt get email username user gt get username JFactory getDBO gt setQuery Update _facileforms_records Set user_id user gt get id username JFactory getDBO gt Quote username user_full_name JFactory getDBO gt Quote name Where id this gt record_id JFactory getDBO gt query End create user Captcha Change Colors etc Can I change the background color of the captcha Yes you can You can make a number of changes to the captcha settings here
154. work add this Code function ff amountowing action element action ff getElementByName amountowing value 0 if ff getElementByName d11 checked ff getElementByName amountowing value Number ff getElementByName amountowing value Number ff getElementByName d11 value if ff getElementByName d12 checked ff getElementByName amountowing value Number ff getElementByName amountowing value Number ff getElementByName d12 value if ff getElementByName d13 checked Page 112 User Guide Crosstec Breezing Forms ff getElementByName amountowing value Number ff getElementByName amountowing value Number ff getElementByName d13 value if ff getElementByName d14 checked ff getElementByName amountowing value Number ff getElementByName amountowing value Number ff getElementByName d14 value if ff getElementByName d16 checked ff getElementByName amountowing value Number ff getElementByName amountowing value Number ff getElementByName d16 value if ff getElementByName d18 checked ff getElementByName amountowing value Number ff getElementByName amountowing value Number ff getElementByName d18 value if ff getElementByName dlo checked ff getElementB
155. y in use elsewhere on the form 5 In the CONNECT WITH dropdown choose the field that you want to pull the summary information from It will list all of your fields so it is easy to choose 6 Each time you add an element click on SAVE PROPERTIES 7 When you are finished adding your summary fields remember to click the SAVE icon in the upper right hand corner of the screen PayPal Element How do I set up the fields on the PayPal element Please see the attached PDF file which provides step by step instructions on how to setup the PayPal element for a simple single button Page 68 User Guide Crosstec Breezing Forms Conditional Checkbox Validation I have three checkboxes in a group Can I make them dependent on each other so that if checkbox 1 is checked you can t check checkbox 2 or 3 If checkbox 2 is checked you can t check 1 and 3 etc In other words of the three checkboxes you can only check one option If it is a case where you only want to allow the user to choose one option out of a group then you might want to use a Radio Group instead of a checkbox group If there is some other reason why you need those checkboxes to be conditional however for example for a following visibility rule then you can do so by putting a custom validation in the checkbox group In the Validation section at the bottom of the checkbox element click on the CUSTOM button In the textarea that opens paste in the code b
156. yName amountowing value Number ff getElementByName amountowing value Number ff getElementByName dlo value Note that to see all of that code you may have to scroll across But you can just copy it and paste it into your form s code framework 4d Modify that code to replace the names with the ones you used in step 2 If you used my names d11 d12 d13 d14 d16 d18 and d10 then it will work as is Now save the properties save the form and publish As you click the checkboxes on and off the amount owing will be updated with the correct sums Thanks to DavidLGCrawford for this solution Injecting CSS Files into a Form Can I call an existing stylesheet for my form Or a new one that I ve created Yes you can To do so echo the link rel inclusion as a BEFORE FORM piece Form Properties gt Advanced Tab gt More Options Link gt Form Pieces Page 113 User Guide Crosstec Breezing Forms Then in the BEFORE FORM section click on the CUSTOM button and add the following code JFactory getDocument gt addStyleSheet JURI root o PATH TO CSS ye Then click on the SAVE icon at the bottom of that screen and then once back at the form properties screen click on the SAVE icon in the upper right hand corner of the screen Dropdown Lists How do I create a dropdown list A dropdown list in BreezingForms is defined as a SELECT LIST element In QuickMode add a Select List element

Download Pdf Manuals

image

Related Search

Related Contents

Samsung PS42C430A1 Инструкция по использованию  MANUAL DE USUARIO - Máquinas Tortilladoras  isl54406 - ISL54406 - Stereo Click and Pop Eliminator with  Andrea Electronics EDU-175 headphone  LLynch endion Handbuch ab Version 2.1    Cnet CLD-221P storage enclosure  安全で上手な使い方! - JEMA 一般社団法人 日本電機工業会  MANUEL D`UTILISATION  MEDIAPLANNER+ WITH TIMEPLAN User Manual  

Copyright © All rights reserved.
Failed to retrieve file