Your browser does not support JavaScript!

[webFCA Training] How to Use the Staff Page Code Generator that Links to a Pop Up Box (Modal)

[Note: This code generator would also work well for a Board page] 

[Another note: There are two Staff Page code generators. This one opens a pop up box (a modal) when you click on a Staff person. The other one links to a separate page (presumably for that Staff person) when you click on said Staff person.]

 

Here's an example: http://fca.technology/test-staff-or-board-page

 

1. You have to be using the latest version of the Joshua template. If you aren't, click here and fill out the form on that page (In the comments say that you want to beta test the subpage code generator). We will update your site. ***If you've updated to the latest version of Joshua and it's still not working, click here to send me an email.

2. You have to have the right page template selected. Choose the once with 6 columns (it's a new page template):

  • inside-hero-6-columns-content.html

3. Go to http://dev.fca.org/joshuatools/staff-page-code-generator-modal. Enter the information for one Staff person and click SUBMIT. It will generate code for one Staff person at a time. So you will be using the code generator once for each Staff person.

4. After you've entered your info into the code generator and clicked SUBMIT, you have to copy the output code and then paste that code into a code element on your Staff page. You will create a new code element for each Staff person (click here to learn how to create a code element).


 5. Paste in the code. You have to paste it in in CODE VIEW.

 

 

 

Then click SAVE at the bottom.

 

6. You should be redirected to the page that you're applying the changes to, where you should see your changes! It's always a good idea to look at your page in another browser where you're not logged in, and also to check it on mobile to make sure it looks good. And be sure to click on each Staff person to make sure everything is working. As always, please let us know if anything is not working! Click here to send us an email.

 

 

 

 

Archive