Customizing the donation form- HELP!

Matthew Dwight · February 2016

I've got a donation form that I need to tweak to use it as a membership form, because our membership form doesn't allow for multiple designations through additional donations.

So I'm fairly certain I know how to do it in theory but actually making it happen or knowing if it's possible is seeming a lot more complicated.

Here's the first complication: Only the first part of the donation form shows up until you enter an amount and hit the "Add Donation" button. (see picture 1) I need the whole form to show up from the beginning so I can manipulate the comments textbox and a couple other things at the bottom of the form.

6dce6d93f5a11ebd6fd895784a12da16-huge-do

Second complication (and most difficult): I need to "auto-generate" a static 100 donation to a specific designation in the cart. (see picture 2) The item should not be able to be removed and should not be able to have the amount editable.

edcd018ef47f491cae2d6a2ca69bcfb6-huge-do

If I can get these two issues resolved I think I can make some scripts to do the rest. So my question is, does anyone know if it's possible to script an item into a cart and get the donation form to fully populate upon initial page load or is this something Blackbaud might be able to do on their end OR is this something that just isn't possible at all. I appreciate any and all help!

Thanks in advance,

Matthew

Chris McGrane · February 2016

Hello Matt,

I've been able to do something similar to this with some basic modifications. Feel free to PM me the link to your form and I can suggest some edits.

- Chris M

Julie Gibson · February 2016

Instead of using Split gift/Multi designation on your donation form, instead turn that off and tie the form to a Payment Part. This will allow the multiple gifts - and you can hide the delete transaction function on the Payment screen. The full form fields except payment will all show on the donation form view.

Chris McGrane · February 2016

He wanted it to be within the same page, the payment part will force a postback.

CM

Matthew Dwight · February 2016

Julie Gibson:

Instead of using Split gift/Multi designation on your donation form, instead turn that off and tie the form to a Payment Part. This will allow the multiple gifts - and you can hide the delete transaction function on the Payment screen. The full form fields except payment will all show on the donation form view.

Good suggestions, I'll keep that in mind going forward, unfortunately for this particular project they have a very specific set of requirements on how they want things laid out.

Also I love your Great Dane!!

I have a blue merle Great Dane at home

Matthew Dwight · March 2016

e0878d72c2ed1f6de520ea92052a50a9-huge-bb

Ok, so with some help (Thanks Chris) I was able to get the bulk of the page to function correctly. Currently I'm trying to write to the comments textArea, I thought this would be relatively simple but apparently I was wrong. When ever the Checkbox is checked I need the comments textArea to display "Benefits have been waived". AND if there is a way to NULL out the original functionality of the checkbox that would be super helpful too, originally it's an Anonymous donation checkbox.

I can provide the little bit of script I do have for this if it would be helpful. Let me know.

Thank you in advance for your help!

Matthew Dwight

Chris McGrane · March 2016

Hello Matthew, did setting the $('textbox').val(''); not work?

I made an example on jsFiddle with different ways you can change the textarea element's text.

https://jsfiddle.net/notchris/q1j0634z/

At least one of those methods should work, I cant see why they wouldn't...could you show me the original textarea html before it is modified?

Thanks!

Chris

Matthew Dwight · March 2016

Chris McGrane:

Hello Matthew, did setting the $('textbox').val(''); not work?

I made an example on jsFiddle with different ways you can change the textarea element's text.

https://jsfiddle.net/notchris/q1j0634z/

At least one of those methods should work, I cant see why they wouldn't...could you show me the original textarea html before it is modified?

Thanks!

Chris

setting the *.val('') worked but only in adding the text manually to the TextArea, when it came to adding it when the checkbox was checked for some reason I couldn't get it to work. Here is the HTML from the Anonymous checkbox and the Comments TextArea.


</table>

</td>
</tr>
<tr id="PC4587_trAnonymous">
<td class="BBFieldCaption DonationFieldCaption">
<label for="PC4587_chkAnonymous" id="PC4587_lblAnonymousCaption">Waive Benefits</label>
</td>
<td colspan="2" class="BBFieldControlCell DonationFieldControlCell">
<span class="BBFieldCheckboxCaption DonationFieldCheckboxCaption"><input id="PC4587_chkAnonymous" type="checkbox" name="PC4587$chkAnonymous" /><label for="PC4587_chkAnonymous">I prefer to waive my Benefits</label></span>
</td>
</tr>
<tr id="PC4587_trComments">
<td class="vaTop BBFieldCaption DonationFieldCaption">
<label for="PC4587_txtComments" id="PC4587_lblCommentsCaption">Membership Level:</label>
</td>
<td colspan="2">
<textarea name="PC4587$txtComments" rows="2" cols="20" id="PC4587_txtComments" class="BBFormTextArea DonationTextArea">
</textarea>
</td>
</tr>

<tr>

So I did get it to work with the script you provided and some minor tweaking, now I'm just trying to make it go back to empty when they uncheck the checkbox.I think I need to write an 'if' checked statement containing the code and that should work... I think... I'm also trying to figure out how to make the original function of the checkbox (which is to make the donation anonymous) do nothing other than what my script says to do. Not sure if BBNC will like that.

Yay for hacking apart donation forms!!

Also I find it hilarious that posting HTML breaks the comments TextArea on BBNC's page.

oops...

Matthew Dwight · March 2016

Matthew Dwight:

Chris McGrane:

Hello Matthew, did setting the $('textbox').val(''); not work?

I made an example on jsFiddle with different ways you can change the textarea element's text.

https://jsfiddle.net/notchris/q1j0634z/

At least one of those methods should work, I cant see why they wouldn't...could you show me the original textarea html before it is modified?

Thanks!

Chris
setting the *.val('') worked but only in adding the text manually to the TextArea, when it came to adding it when the checkbox was checked for some reason I couldn't get it to work. Here is the HTML from the Anonymous checkbox and the Comments TextArea.
</table>

</td>
</tr>
<tr id="PC4587_trAnonymous">
<td class="BBFieldCaption DonationFieldCaption">
<label for="PC4587_chkAnonymous" id="PC4587_lblAnonymousCaption">Waive Benefits</label>
</td>
<td colspan="2" class="BBFieldControlCell DonationFieldControlCell">
<span class="BBFieldCheckboxCaption DonationFieldCheckboxCaption"><input id="PC4587_chkAnonymous" type="checkbox" name="PC4587$chkAnonymous" /><label for="PC4587_chkAnonymous">I prefer to waive my Benefits</label></span>
</td>
</tr>
<tr id="PC4587_trComments">
<td class="vaTop BBFieldCaption DonationFieldCaption">
<label for="PC4587_txtComments" id="PC4587_lblCommentsCaption">Membership Level:</label>
</td>
<td colspan="2">
<textarea name="PC4587$txtComments" rows="2" cols="20" id="PC4587_txtComments" class="BBFormTextArea DonationTextArea">
</textarea>
</td>
</tr>

<tr>
So I did get it to work with the script you provided and some minor tweaking, now I'm just trying to make it go back to empty when they uncheck the checkbox.I think I need to write an 'if' checked statement containing the code and that should work... I think... I'm also trying to figure out how to make the original function of the checkbox (which is to make the donation anonymous) do nothing other than what my script says to do. Not sure if BBNC will like that.

Yay for hacking apart donation forms!! Also I find it hilarious that posting HTML breaks the comments TextArea on BBNC's page. oops...

Update: I got the if statement to work. so onClick conditional functions when checked and doesn't do anything when not checked.

Customizing the donation form- HELP!

Comments

Categories