jazzigor

Congratulations, looks great!

I love this step-by-step approach that you have implemented on top of Jazzy Forms. I hope I can come up with something similar right out-of-the-box in future releases. It is interesting for large forms.

I’m glad you find my software useful.
Happy WordPressing!
Igor

Oh no!! I’ve just realized the second option does not work. That’s a bug.

Hey Proulx06, thanks for your kind words.

There are currently two ways to get around this situation:
1) Use default values, different from 0. That’s a setting of the corresponding input element.
2) Catch the zero-division case with an IF clause. Instead of a/b, type IF(b<>0, a/b, “”)

In addition to that I’m thinking about a form option to suppress errors altogether. This will be available in future updates.

Regards,
Igor

Hi Istvan,

I’m very glad you are back on the block. I cherished your comments and investigations a lot months ago.

Let me try to comment on your issues one by one:

1. Let’s say you collect the user’s email address in an input element with an ID set to usermail. Then in the emails “to” simply type {{usermail}} . That’s a placeholder and it will be replaced by the email address the user has typed in.
2. Just like in most email programs, the “to” field allows for multiple addresses, separated by commas. So if you simply want to receive the email at an fixed email address type something like [email protected] . It doesn’t have to have a placeholder. If you want to send it to yourself in addition to the user like discussed under the previous point it would be
{{usermail}}, [email protected]
3. In order to specify the sender’s real name, in addition to his email address, use the following notation: "My real name" <[email protected]>. That’s the real name within quotation marks, followed by the email address in pair of less-than/greater-than symbols. Again, this notation is something you might be familiar with from email programs and popular plugins like Contact Form alike.
4. Not possible yet. Currently Jazzy Forms doesn’t work with multiple email templates.
5. and 6. The email is actually send to you and your user at once, so in your case you would probably want to set your own email address as the sender (“from”) and both the user’s email address and yours as addressees (“to”). In order not to confuse the user you also might want to choose to set your own address for blind copy (BCC) instead.
7. This is something you have requested time ago, together with others. Thank you very much for that contribution. I’ve listened and introduced an extra function called label() for that. Here is how it works now. Let’s say you have a dropdown menu with ID product. The term product still evaluates to the selected option’s value, not its title. However label(product) gives you the title of the selected option. So your email template could look similar to You've chosen {{label(product)}}. The price is {{product}}

I’ve set up a test form for you that more or less covers all points discussed here.

I hope this helps.
Igor

This is just to let you know that with v0.10 I’ve eliminated some linefeeds from the HTML code. This should mitigate the risk of some text filters converting them into actually visible linefeeds on the page.

Hi! So here we go. It took me a bit longer than expected because I had to refactor a lot of the Javascript for this seemingly innocent feature. I hope you are still interested, keithrech.

v0.10 introduced a new function for this job. LABEL(id) gives the label of the currently selected option in a dropdown menu or radio buttons set.

Hi energycello,

thanks for checking out my software. Your confusion is more than understandable given the lack of documentation.

About “free html”:

The “Free html” lets you inject some HTML as an element of the form. What you are searching for seems to be the opposite in a way: substitute the whole form HTML with your code and

About “fullwidth”/”half-width”:

Yes, you can use these options in order to place elements side-by-side. If you have two elements set both to “width: 1/2 half” and for the second one that is supposed to appear on the right side uncheck “Start new row”. Of course these options depend on Jazzy Form’s default CSS code. Unfortunately it can become a mess if your theme’s CSS overrides certain style definitions or doesn’t leave enough space on the page for the form to display correctly.

About Email:

Well, the “to” field holds the addressees email, just like in your email program. I don’t know if that’s you. It depends on how you want to use Jazzy Forms. If you want to receive the messages then you would insert your email there, without any placeholders whatsoever. Simply: Energy <[email protected]>. Otherwise if the user has entered his email address into an input element with ID “contact” and you want to send the email to him, it would be User <{{contact}}>. If you know his name from another input field you could replace “User” with another placeholder.

Then in the message body you usually want to add information from within the form. In a sales form this might look like something like this:

Dear {{name}}, you just ordered {{number_of_items}} copies of my book. That's {{price}}. Thank you!

being “name”, “number_of_items” and “price” the IDs of corresponding elements in the form.

I hope that makes it a bit clearer.
Regards,
Igor

Hi Brittany. Nobody every said you could move data in and out from a Jazzy Form with jQuery. Let’s see if we get it to work anyway.

Some comments:
– if jzzf_1_addition is an “output” element, you would want to use jQuery’s .val() function instead of html() to get the value
– you are using jQuery’s “document ready” event to do your stuff. That ensures that your code is executed when the document is ready, but not necessarily after Jazzy Forms has done its job. For “output” elements you can use jQuery’s “change” event and hook your code there. However as far as I know there is no jQuery event that informs you when a DIV has changed.

Jazzy Forms might have a Javascript API in the future that would allow you to set values and register callbacks for updates. However this is probably too geeky for the kind of users I want to target…

That’s not possible at the time of writing.

Some thoughts on this: basically I can image two different scenarios
1) Two forms on the same page. One form would want to access data from the other one. Some kind of addressing notation similar to the one used in spreadsheet programs might be useful: another_sheet!some_id. Currently forms don’t have IDs.

2) One form submission is leading to another form. If forms were able to get default values from an incoming HTTP request and submit their data through another outgoing HTTP request, you could in fact hook multiple forms together, propagating data from one to the other. The challenge for me here is to present that in the GUI and to keep it simple.

Anyway, none of these is implemented yet.

Hi mickymac101,

thanks, I won’t accept any money at this point in time, because I don’t have enough time to offer serious support either. This one should be easy, thou.

Let’s say you set up input elements with the following IDs: litres, total_price, vat_rate.

Then you would set up an output element with ID net_price and type in as formula:
total_price/(1+vat_rate/100)

You can reuse this result in another element with ID vat with the following formula:
total_price-net_price

The formula for the output element with ID cost_per_litre is just as easy:
net/litres

I hope I got this one right. Anyway, I think the general idea should be clear because it’s easy maths. If you still see errors, it might be some kind of Javascript issue on your page that prevents Jazzy Forms from executing correctly. In fact with version 0.10 you should not see “Invalid Formula” because I aligned the error messages with those in spreadsheet programs.

v0.10 should have this one solved. Please correct me if I’m wrong.

CSS experts please…

Hi Brittany.

Although I’ve got the function library unit-tested already, I’ve set up a little form to play around with here. It behaves as expected and as far as I can see it’s in line with spreadsheet programs.

ROUNDUP(x, d)
x: number to be rounded
d: places after the decimal point (optional)

Rounds x up (i.e. away from zero) to the nearest number with d decimal places. If d is not specified, 0 is assumed, i.e. the number will be rounded up to the nearest integer. If d is negative it specifies places on the left of the decimal point (-1: tens, -2: hundreds, …).

This is something I haven’t been checking thoroughly enough. From what I see, the only issue https://validator.w3.org detects is a missing “scoped” attribute in the “style” tag. Please correct me if I’m wrong.

You can circumvent that by not using Jazzy Forms’ CSS functionality at all. Uncheck the “Default CSS” option and perform styling in the theme instead.

(Another issue arises if there are elements that without a specified ID. The validator than complains about duplicate element IDs. Avoid this one by always specifying unique IDs.)

It seems it doesn’t take more than 5 minute to fix this, so you can expect this to be solved in the next update, scheduled for this weekend.

Hi gijoe2cool,

it seems some kind of CSS interaction makes the set of radio buttons align horizontally instead of vertically.

Under normal circumstances it displays like this: https://oi47.tinypic.com/f255d5.jpg

Probably in your case some inherited CSS instructions from your theme make the radio buttons float or display inline (instead of as blocks). I should probably make Jazzy Forms ‘ default CSS more robust in order to override such settings just in case.

Igor