654 comments found.
Fix for https (browser gives mixed security status) The link in smart-forms.css to google Roboto google font import should be https (not http)
Thanks Alx for raising that
Am working on a major update and its fixed in the update – sorry i sort of delayed releasing it
I’m trying hard to integrate select2 with smart-forms for one of my project. But the styling messes up. Could you please provide a short code snippet on how to properly integrate these two without messing up the styling? Would really appreciate it! Thanks!
Is select 2 a plugin or something?
Yep, https://select2.github.io/ . It’s super useful!
OK let me do a quick test with smart forms
Thanks. That’s very nice of you. Would love to see smart-form work with select2. It’s very widely used plugin.
Hi , for the datepicker i am using changeMonth: true, changeYear: true for showing the month and year dropdown but the issue is if i went to pick the year it is only listing few years and to choose older year it requires to click the first available year then again go to choose year then will show another few years then it repeats . how to avoid that and list all years in scroll
Can you set the year range for many years
yearRange: ‘c-100:c+0’,
This worked mate
Great
Have a quick question, I’m using the css class “required” for validation but can’t see that used for a Select dropdown in the documention. Is it possible or does a rule need to be created?
$(function() {
$("#form2").validate({
errorClass: "state-error",
validClass: "state-success",
errorElement: "em",
highlight: function(element, errorClass, validClass) {
$(element).closest('.field').addClass(errorClass).removeClass(validClass);
},
unhighlight: function(element, errorClass, validClass) {
$(element).closest('.field').removeClass(errorClass).addClass(validClass);
},
errorPlacement: function(error, element) {
if (element.is(":radio") || element.is(":checkbox")) {
element.closest('.option-group').after(error);
} else {
error.insertAfter(element.parent());
}
}
});
});
Oh yes you need to create rules and messages for the elements
Can you give me some insight into this? I’ve tried making a rule and adjusting it a bunch of times but just can’t get it to work:
<div class="section colm colm7">
<label id="LabelCourses" for="Courses" class="field select">
<select name="Courses" id="Courses" class="required" aria-required="true">
<option value="" selected=""> - </option>
<option value="149">$149*</option>
<option value="169">$169*</option>
<option value="89">$89*</option>
</select><i class="arrow double" />
</label>
</div>
$(function() {
$("#form2").validate({
errorClass: "state-error",
validClass: "state-success",
errorElement: "em",
rules: {
Courses: { required: true }
},
messages:{
Courses: { required: 'Select Registration' }
},
highlight: function(element, errorClass, validClass) {
$(element).closest('.field').addClass(errorClass).removeClass(validClass);
},
unhighlight: function(element, errorClass, validClass) {
$(element).closest('.field').removeClass(errorClass).addClass(validClass);
},
errorPlacement: function(error, element) {
if (element.is(":radio") || element.is(":checkbox")) {
element.closest('.option-group').after(error);
} else {
error.insertAfter(element.parent());
}
}
});
});
Any links to your form? DONT add the Class REQUIRED and ARIA part to the select – the rules should work fine
Hi,
Please answer these Presale Questions before we finalise.
We want to create a Online Registration Page.
1. Do you have <Admin Page< (To check EACH submitted forms for print & download) if not, Can you customize Admin for us? And customization charges?
(Example Admin page: http://universal-form-builder.softdiscover.com/standalone/admin
username : admin
password : admin
)
2. Option to upload files. (JPG…. to incude photograph for print in the form)
3. Fields & Radio Buttons to calcualte & submit the results in database, the number of total points achieved, visible to Admin area only.
e.g:.
– Siblings (5 points)
– 5 km (10 points)
– 15 km (6 points)
...etc.
4. < Sequence Form Number:< Can it Generate auto Sequence Numerical Code (FN.:001) for each user/form.
5. USER is able to PRINT the Submitted form in A4 paper after submission. ( if not, Can you customize for us? )
6. Admin is able to *Search, View, Print & Download (Individual Listing), as well all listing in CSV & PDF Format from Admin pannel
7. User IP cannot generate more submission once Submitted.
8. Form Should able to print in A4 Size paper with photograph from Admin page
Please Answer pointwise would be helpful. thanks
Hi, 1. Are the plugin support RTL? 2. Can the forms change direction also? 3. Can I translate also?
Hello
RTL can be done via CSS customization (not included currently)
Should be easy to translate
Please note that this is not a WordPress plugin
but I can use it on wordpress site? in contact page etc.?
Yes you can do that manually
Can this be used with a wordpress sites – using betheme
<Select>
<option>frank</option>
<option>Elflaire </option>
</Select>
<code /></code>
Please a combo box included it supports this feature
$q3date = $_POST["q3date"];
if ($q3date[0]!=""){
$q3date_list = implode(',', $q3date);
$q3date_list_csv = implode(',', $q3date);
}
The code works, it sends the email with the information and when I view on the admin screen it separates it with a comma, however, when I download the csv file everything is separated with , instead of a comma. Any help or direction would be wonderful.
I just saw my post and noticed its taking & #44; and converting it into a comma. When I download the csv file it separates it with & #44; (i had to leave a space so it won’t convert it into a comma)
Hi elflaire,
I was using your smart forms on a project a while ago. Its a great setup, loved to work with it. Now I will get the newest version for a new project. I have one question though, before I click the “buy now”-button: I need the possibility to add a checkbox adding the function “please send a copy of the provided information to the given email-address above”, so the person, who signs up, has the info in their inbox as well.
If its not included, could I get that functionality via support?
Thanks! Simone
Hello Simone,
Auto responde is included however i can adjust it for you to work on checkbox – i had a checkbox version in version 2 so i guess it should be re-introduced in the upcoming update
Please email me i will add the checkbox if statement for you in php
Thanks
Hi elflaire, thanks for your fast reply! Great – I will do that.
Thank you!
How long before you do an update ? I am very interested in the “exporting to PDF”
Hi X12media,
The export to PDF currently works for all the data but if you want it to work for each form sent out them i am currently working that update should be available next week
Thanks
Hi there, will this support updating a database on clicking a checkbox?
Im looking to create a CRUD application for a database 
Hi Brownd92,
This product doesn’t include any database but it should be easy to add if you are familiar with PHP
Thanks
Pity, your interface is awesome
Thx i will look into db support in the next updates may be
The icons on the awesome fonts work OK on the unzipped package on my hard drive but when I make an online version using absolute links to the css and js files the icons stop showing. Many people seem to have this problem with awesome fonts. BTW I uploaded them as binary. Is there a way of using an external link to the fon’t files and if so where can I modify the url?
Hello Granadainfo,
How are you pointing to the icons? Have you tried pointing to the online CDN version and see if the problem exists?
Thanks, I solved the problem by using the links here https://cdnjs.com/libraries/font-awesome
Great
How can I change the default language in the date picker. I imagine I would have to add a line here.
$( ”#checkin” ).datepicker({ dateFormat: ‘dd-mm-yy’, minDate:0, defaultDate: “+1w”, changeMonth: true, changeYear: true,
You have to include the Localization file – i did not include those because they are many each language has its own file almost so grab one you want from here
https://github.com/jquery/jquery-ui/tree/master/ui/i18ninclude yours like this – for German the file ends with DE
<script src="jquery.ui.datepicker-de.js"></script>Then use set defaults to set it to all your datepickers like so
$.datepicker.setDefaults($.datepicker.regional['de']);Hi can I make a volunteer form that validates available FREE spots?
This means I have a list of entries for Volunteer Spots, once the user submits the submits the form the list will be updated until all spots are fully booked.
Can this be done?
Hello staticpages
Do you have a sample demo somewhere i can look at?
Hello, it’s been sometime since I worked with the program and I have a question. Submitting forms using php(mail) is supported correct? I am working with a server that only supports php(mail) because smtp and other methods are blocked.
Thanks.
Hi DeanoX Yes that is the default
Hello,
I know that my support expired, but I was curious how to implement the CSV export, as in this demo: http://doptiq.com/smart-forms/demos/working/elegant/csv/.
Is it me who can not find this demo files in the downloaded zip, or is it something else?
Thank you so much!
Hi Stefan,
Its fine don’t mind about the support expiry
Here are few steps
1 – Open / extract the smart-forms.zip file
2 – Inside you will find two folders (documentation and smart forms)
3 – Open the smart forms folder – you will see 3 folders (dark, elegant, flat)
4 – Those 3 folders are just themes but they contain the same files and folders so you choose one of the 3
5 – Lets assume you chose elegant – open it and you will find 3 folders
5A – AJAX PHP => this is where the working PHP forms are located
5B – Javascript enhancements => This is where the JS widgets are located
5C – Template samples => Basic CSS HTML templates
6 – The folder you need is AJAX PHP
6A – open it you will find 2 folders (Sendmail version and SMTP version)
7 – Also these 2 have the same folders inside – the diference is this:
7A – Sendmail version => Most HOST servers especially on LINUX support sending email by default without additional config
7B – SMTP version => Most Windows servers do not send email by default so you have to configure an email server
8 – Whichever you choose Sendmail version OR SMTP version – You will find the working forms there (booking, contact, contact-modal e.t.c)
9 – Lets assume you choose booking => Open it => GO to the PHP folder => GO to settings folder => open settings.php file
10 – Inside settings.php enable saving to CSV option => look for this line => $generateCSV = false;
11 – Change it to this => $generateCSV = true;
12 – That is it – to access the CSV file admin area do this:
13 – Access your form php folder (in your browser) and add and forward slash admin something like this = your-form-url/php/admin/
13A – Lets assume its on localhost and we are using our booking form, the URL will be – http://localhost/booking/php/admin/
14 – This will bring you a login screen => Please go to the documentation and find demo usernames and passwords
15 – You will also find instructions on how to create your own users and password
16 – Please be keen on instructions from 9 – 15
All these are expalined in details in the documentation (Ajax and PHP section)
If you fail to see this just post me the link to your form i will point you to the right file
Can I export one form record to pdf instead of the entire form response table?
Hi amicheals,
If you mean a single submitted form – currently no but i found a way of exporting single forms to PDF using mpdf which is quite simple to use for both saving a copy to the server and downloading the single form PDF file! I will include a sample in the update
Thx
Hi I have a wordpress website, and I’d like to use your forms elements but I’m afraid it could cause some conflicts with existing css and jquery library. Can you email me so I can send you my website link for you to take quick look? Thanks.
Send me a simple message via my profile page – i will email back
Thx
Hello, in CHROME/SAFARI – when i unclick checkbox or group checkboxs, the last checkbox color stay as click. Firefox is OK.
Hi Berusha can i see a link?
sorry Safari OK only Chrome have small bug
try on MAC and PC, same effect https://www.youtube.com/watch?v=HcyBtB6L7Sc&feature=youtu.be
Its not a bug – it is a :focus effect – when you click anywhere outside that checkbox it loses the color – this can be removed when you remove the :focus pseudo class (which is not great for accessibility) but you can remove it by removing these styles below
@radio + checkbox :focus state
-----------------------------------------
.smart-forms input:focus + .checkbox,
.smart-forms input:focus + .radio{ border-color: #4ebd4a; }
.smart-forms input:focus + .radio:before{ background: #4ebd4a; }
.smart-forms input:focus + .checkbox:before{ border-color: #4ebd4a; }
