This can be done. It is not easy and shouldn't be attempted without a good understanding of HTML (and maybe some CSS). It must be done by editing the source code for the "Content Block" (the <> widget/button in the wysiwyg editor). Any changes the staff member makes to their profile will not be reflected in these "fake" staff blocks and will need to be edited/updated manually.
- The list item <li> tag for each individual user can be copied and pasted from other "Staff Blocks", including from our other sites (district, school, community ed, etc). You'll need to view the source code of the page you're copying from to get the code.
- Make sure you copy the ordered list <ol> and the preceding 6(?) division <div> tags as well as the closing tags </o> </div>. Each list item <li> will go between a single set of the opening and closing tags.
- If the user is copied from a different site than the one you're copying it to (district, school, community ed, etc) the link tag <a> around the user's name will need to be edited to include the other site's URL (change the relative URL to an absolute URL).
ex: "/apps/pages/index.jsp?uREC_ID=2171989&type=u" would need to be changed to have "https://www.npaschools.org" added before the "/apps/...".
- As above (#3) you will also need to add the absolute path for the email link.
ex: "/apps/email/index.jsp?uREC_ID=2171989" would need to be changed to have "https://www.npaschools.org" added before the "/apps/...".
- The type/template of the list can be changed in the "staff_group_main" div tag <div id="staff_group_main" class="staff-list desktop template-1" aria-live="polite">. The templates are "template-0" through "template-5".
- template-0 - single column; small, circular photo to left
- template-1 - two columns; small, circular photo to left (* preferred)
- template-2 - three column; large, circular image above
- template-3 - single column; small, square image to left
- template-4 - two column; large, square image to left
- template-5 - three column; large; square image above
* template-1 is preferred throughout our sites. In the case where only a single staff member is listed, template-0 works best to avoid line wrapping.
