Symplicity has a "Public Job Board Widget" to display a widget on a website. Pitt Public Health Technology Services created a widget called All Jobs. You can create additional widgets and filter them to subcategories, such as "Internships" or "Fellowships and Post-docs". If you are using one of these widgets on the site and delete it from the Symplicity page, it will cause the widget to display a blank box. Make sure to remove a widget from the website before deleting the widget configuration on Symplicity (so don't delete the All Jobs because it is shared all over the place).


To add a widget in the left pane, the maximum width should be set to no more than 535px. Set any configuration preferences and remember to save the widget. Then, copy the code from the widget. On Pitt Public Health, place an HTML Pro module in the left pane. Go into HTML mode "< >" and paste the code from Symplicity.


To add a widget in the right pane, do not use the code generated by Symplicity. If you want a widget that will display All Jobs, add an existing module. Search for "What's Happening" in the page filter and then select "Recent Job Posts" from the module listings.  If you want to create a subcategory display, Pitt Public Health Technology Services has created a custom widget that will fit in the narrow right pane. It functions the same, but everything is a little bit more compact.  


1) To add the custom module for the right pane, copy and paste the HTML below into Notepad or some other basic text editor. 

----------------------------------------------------------------------

<iframe scrolling="no" style="border: 1px solid rgb(204, 204, 204); width: 200px; height: 400px;" src="https://publichealth-pitt-csm.symplicity.com/api/jobboard/PASTEYOURIDHERE?size=custom&css=https%3A%2F%2Fwww.publichealth.pitt.edu%2FResources%2Fsymplicity%2Flist_jobs_widget.css&logo=&header_text=%3C0%3E&sort_by=posting_date">&lt;span class="redactor-invisible-space"&gt;&lt;/span&gt;</iframe>

<script>(function(d, s, id) { var js, sjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://static.symplicity.com/jslib/jobswidget/jobswidget.js"; sjs.parentNode.insertBefore(js, sjs); }(document, "script", "symp_jobswidget_js"));

</script>

-----------------------------------------------------


2) Open the Share HTML/URL tab for the Symplicity widget that you want to use. You will see HTML code there too. Copy the value for the data-id (Example: data-id="67dfd04d7d712c81ab2f460ac5d61584"). Go back to Notepad and replace the text "PASTEYOURIDHERE" with the ID you copied.


3) On Pitt Public Health, place an HTML Pro module in the right pane. Go into HTML mode "< >" and paste the code from Symplicity.