Home » Blog » Agile Unschooling – Starts Tomorrow!

Agile Unschooling – Starts Tomorrow!

I wrote up this whole READ ME document for the Agile Unschooling project.  It outlines the whole plan. It outlines the whole plan for how we’ll start.  Two months from now I’ll rewrite it with everything we’ve learned from the experiment.

 

Setting it up on the site

On the Agile Unschooling webpage, there’s some basic info about what the project is.  Then there’s a button that leads to the READ ME document.  Underneath that there’s a line of text that asks you if you’ve read the READ ME doc.  When you check the little “Yes” box, the button that leads you to the signup page appears.  This is achieved through setting up an HTML field in the Gravity Form editor, then setting conditional formatting (under Advanced) that only shows the HTML field until “Yes” is checked.  See below:

Screen Shot 2015-10-11 at 22.05.25

 

 

 

To hide the Submit button that appears on all Gravity Forms, I added a Hidden Field and labeled it “KludgeToHideSubmitButton.”  In the Form Settings, I added a line of conditional formatting that hides the submit button if the “Kludge” is ____.  Since the kludge is hidden and you can’t iteract with it, there are no possible set of circumstances that will change it and show the submit button, so it’ll never appear.   See screenshot below.

I reverse-engineered this solution from the Tuition Slider found on most ALC tuition worksheet pages.

Screen Shot 2015-10-11 at 21.59.30

 

 

 

 

 

 

Give it a try!

 

 

 

P.S.

Here’s the code to make those cool buttons.

<div style=”text-align: center;”><a id=”ttfmake-1413919479″ class=”ttfmake-normal color-black-background ttfmake-button” style=”color: #ffffff; font-size: 20px; font-weight: bold; padding: 10px 14px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-color: #ee3342;” href=”http://URL goes here/” target=”_blank” data-hover-background-color=”#e5e5e5″ data-hover-color=”#000000″>Button title goes here</a></div>

 

You can change all sorts of things like what color the button is, what color the text is, what color the button is when your cursor is on it, what color the text is when your cursor is on it, the size of the button, etc.  It’s pretty simple HTML, so try reading the code and playing around with it if you want to make a button.

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *