The People Spotlight visual element https://demo.miami.edu//visual-elements/text-lead-in-with-icons/index.html. can be previewed on our Demo website. It is available on primary and secondary landing pages in the Secondary Visual Element section.
How it Looks
...
How to Add
...
Log into the CMS and navigate to the site and folder for which you will be adding the visual element. If you are adding the element to a current page, then you can skip to step ????
...
Click on the “Add Content” menu item at the top of the page.
...
...
Select <Site Assets from the menu and then either “Primary” or “Secondary Landing Page”.
...
...
Fill out all of the information for the page at the top and then scroll down to the “Secondary Visual Element” group
...
Click on the downward facing arrow, then select “Text List” from value menu under “Element Type”
...
...
a People Spotlight
Once on your Site, select the desired page in the Site Content menu on the left. If you need to add a new page, look for a red plus sign in the topmost header area of the page, and click on Add Content.
Once the page has loaded, click the Edit tab.
Scroll down to the Secondary Visual Element section, just below the Primary Visual Element section. You'll notice that you can add more than one. You can also move sections up or down (with the arrows), and/or remove a section (with the X).
Click on the Element Type dropdown menu, andselect People Spotlight.
Click the Yes checkbox to Enable Heading. If you don’t want to use a heading on the group, then just leave the box unchecked.
Click on “Heading Text” and insert your Heading.
Use the help text below “Heading Color” to help you add the color to the empty field.
Select your “Heading Style” from the dropdown menu.
Click on the “Text List Item” group to begin setting up your list.
You can now use the WYSIWYG editor to start adding items / text.
To add the next item, click on the green “+” on the right side of the “Text List Item” group bar.
Another group will appear below and you can begin the process again.
Once you’ve finished adding all of your items, click the three dot menu at the top of the page and then click the “Submit” button.
Proceed to publish the page as you would any page by clicking publish and then selecting either the Development or Production server.
In the Heading Group section, type or paste your heading(s) into the Primary and/or Secondary Heading fields.
| Info |
|---|
Text pasted or typed into the Primary Heading field will display in bold orange font. Text pasted or typed into the Secondary Heading field will display in a gray font. |
...
7. Choose either Left or Right from the Profile Position dropdown.
...
| Info |
|---|
If you choose Left, the profile image will display on the left, with text to the right. If you choose Right, the profile image will display on the right, with text to the left. |
8. Type in the Max Profiles you want to display in your People Spotlight slideshow.
9. Choose your People Collection. To do so, Browse to the ACAD-COMM-people.miami.edu website. click on the collections folder, and select your People Collection file.You would have built this people collection beforehand on the People website.
...
10. Type in a Link Label. This label links to the people profile page. If left blank, no link will appear.
...
11. Click the Yes checkbox to Enable Side Panel. If you don’t want to use a side panel, then just leave the box unchecked. If you do check Yes, a Side Panel section will appear.
12. Type or paste in Headline and Copy in the Side Panel section.
...
13. Click the Yes checkbox to Enable Button. If you don’t want a button in the side panel, then just leave the box unchecked. If you do check Yes, a Button Group section will appear.
...
14. Type or paste in the Text you want to button to display.
15. Choose a Color value from the dropdown menu.
16. Choose an Internal or External Link for the button.
| Info |
|---|
In Cascade there are two kinds of hyperlinks, Internal and External links. Internal links are used when linking to pdfs, images, pages created WITHIN Cascade CMS. External links are used when linking to pdfs, images, pages created OUTSIDE of Cascade CMS. |
17. Once you are done, click Preview Draft (blue button at the top of the screen). After previewing the draft, click Submit to save these changes to the CMS.
18. The page has been successfully saved to the CMS. You must now Publish your page.
19. Select one or more of the outputs to Publish to the destinations selected.
| Info |
|---|
Your changes will be saved in the CMS after you click Submit, but they will not appear on your website until the page is Published. |