There are two sections displayed in required articles:
- The required reading flag, usually displayed at the top of the article and/or in the Right Column:
- The required reading acknowledgement section, usually displayed at the bottom of an article:
You choose where you'd like the flag to be placed by adding the Required Reading flag merge code into your Custom HTML in Settings > Style.
We recommend adding it in either:
- Your Article template
- Your Right Column template (if you're using a layout that displays a right column in articles!)
Here, we walk through adding the flag merge code to your Right Column template:
Only follow these instructions if you're using a layout that displays the Right Column AND you want the required reading flag in that right column. Otherwise, we recommend you Add the Required Reading flag to your article template.
- Go to Settings > Style.
- Below the Preview Pane, be sure Custom HTML is selected.
- Select Right Column from the Custom HTML dropdown.
- Copy the merge code below. (You can also find the merge code by clicking the -- Select a Merge Code -- dropdown, go to the Article Merge Codes section, and select Required Reading Flag.)
[article("required_reading_flag")]
- Paste the merge code into the Right Column template wherever you'd like this flag to appear.
- We recommend putting it within the list-unstyled stat-list list, so you'd use code like this:
<li>[article("required_reading_flag")]</li>
- Here are some of the most popular placements:
- At the top of the list, immediately under "About this Article"
You can achieve this look by adding an extra line between the list-unstyled stat-list ul and the <li> for Created date and pasting the li-wrapped merge code in there: - Between the "Last modified on..." statement and the article action icons:
You can achieve this look by adding an extra line between the li for Last modified on/last updated and the li for hg-article-controls-right and pasting the li-wrapped merge code in there: - After the article action icons:
You can achieve this look by adding an extra line between the li for hg-article-controls-right and the closing </ul> tag and pasting the li-wrapped merge code in there:
- At the top of the list, immediately under "About this Article"
- Once you've made your changes, be sure to Save. (If you've already enabled Required Reading, you can Preview the changes to see how they look--just be sure you've selected Article from the dropdown above the Preview Pane!)