Demo Portal Walkthrough — Webinar Documentation

Overview

We've built new pages in our demo portals highlighting the many ways you can use its features to keep your constituents informed, especially in this new world of remote work and learning. Watch the webinar below to see some examples of all the different options you can do with your portals.

Image caption

Additional documentation on topics covered in this webinar can be found below.

Documentation

Below is a list of components used to create these pages and the tab where they can be found. The components are organized into categories and the tab options are seen when you click the +Add button from a configuration page.

Each section is split into sections with and without the News Management module — the News Management module is an extra cost module that allows robust content management, including article creation and review, publishing options, the ability to pull information from multiple sources into a single page. If you are interested in purchasing this module, please reach out to your account manager.

A screenshot of a cell phone 
Description automatically generatedAn example of a way to add components to one of your portals.

We encourage you to read our additional documentation on these topics at Learn Veracross.

Format

Below are images of various portals that are available to schools. The numbered dots in the image correspond to the portal components you can add through the screen builder tool. The component screen builder for each portal screen can be accessed through the following steps:

  1. Navigate to the Portal Admin homepage and then click on the portal you wish to modify in the Find Portals embedded query on the top of the homepage.
  2. Click on the Component Screens tab on the portal record and then click the "Edit..." link next to the component screen you want to edit.
  3. Click the green "+ Add" button to bring up the component interface.

The data below lists the component category in the component interface and the name of the component itself. As an example, if a component is on the General component category tab and called "Heading", it is listed as:

  • General tab > Heading

A full list of all portal components organized by component category can be found here.

Faculty Portal Homepage and Pages

Faculty Lower School Portal — No News Management

Click on “Veracross Online School” located in the navigation bar of the Faculty Lower School portal to access this page. The Veracross Online School homepage represents some of the features that are possible without the News Management module for the Faculty portal.

A screenshot of a computer 
Description automatically generatedThe top of the Veracross Online School section of the Faculty Lower School portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  3. Faculty Tab > Today's Classes
  4. General tab > Heading
    • This is a heading without text, but with a border line.
  5. Personal Tab > Unread Messages Count
  6. General tab > Heading
  7. General tab > Icon Link
  8. General tab > Heading



A screenshot of a cell phone 
Description automatically generated

Bottom of the Veracross Online School section of the Faculty Lower School portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  3. General tab > Heading
    • This is a heading without text, but with a border line.
  4. General tab > Icon Link
  5. General tab > Heading
  6. General tab > Icon Link
  7. General tab > Heading
  8. General tab > Icon Link



In order to access the additional page, click on the “Teaching Resources” icon link on the homepage.

A screenshot of a social media post 
Description automatically generatedThe top of the Teaching Resources page on the Faculty Lower School portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Heading
  3. General tab > Icon Link
    • These are icon links without a background color used.
  4. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  5. General tab > Heading
  6. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.



A screenshot of a cell phone 
Description automatically generated

The bottom of the Teaching Resources page on the Faculty Lower School portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Heading
  3. General tab > Icon Link
    • These are icon links without a background color used.
  4. General tab > Button Link
    • Multiple buttons with different URLs but the same color.
  5. General tab > Heading
  6. Personal tab > Portal Links
    • Lists all portal links associated with this
  7. General tab > Heading
  8. Faculty tab > Find Student, Faculty of Staff
    • This is configured to only find students.
  9. Faculty tab > Find Student, Faculty or Staff
    • This is configured to only find faculty or staff.



Faculty Upper School Portal — With News Management

Click on “Veracross Online School” located in the navigation bar of the Faculty Upper School portal to access this page. The Veracross Online School homepage represents some of the features that are possible with the News Management Module for the Faculty portal.

A screenshot of a video game 
Description automatically generated

The top of the Veracross Online School section of the Faculty Upper School portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. Content tab > Photo Link
  2. General tab > Heading
  3. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  4. Faculty tab > Today's Classes
  5. Personal tab > Unread Message Count
  6. General tab > Heading
  7. General tab > Icon Link
    1. Each is a seperate link with seperate text and URL.
  8. General tab > Heading



A screenshot of a cell phone 
Description automatically generated

Part-way down the Veracross Online School section of the Faculty Upper School portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
    • This is a heading without text, but with a border line.
  2. General tab > Heading
    • 2 and 3 are seperate Heading components.
  3. General tab > Heading
    • 2 and 3 are seperate Heading components.
  4. Events tab > Vertical Event List
  5. Content tab > Feature Link
    • This is a feature link without a photo.
  6. General tab > Heading
    • This is a heading without text, but with a border line.
  7. General tab > Heading



A screenshot of a cell phone 
Description automatically generated

Part-way down the Veracross Online School section of the Faculty Upper School portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. Articles tab > Banner Carousel
  2. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  3. General tab > Heading
    • This is a heading without text, but with a border line.
  4. General tab > Heading
  5. Content tav > Feature Link
    • This is a feature link without a photo.
  6. General tab > Heading



A picture containing screenshot, electronics, person, photo 
Description automatically generated

The bottom of the Veracross Online School section of the Faculty Upper School portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. Embed tab > Generic Embed
  3. Content tab > Feature Link
    • This is a feature link without a photo.



In order to access the additional page, click on the “Teaching Resources” Feature Link on the homepage.

A screenshot of a video game 
Description automatically generatedTop of the Teaching Resources section of the Faculty Upper School homepage.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. Content tab > Photo Link
  2. General tab > Heading
  3. General tab > Heading
  4. General tab > Icon Link
    • This is an icon link without a background color used.
  5. Content tab > Photo Link



A screenshot of a cell phone 
Description automatically generated

Part-way down the Teaching Resources section of the Faculty Upper School homepage.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Icon Link
    • This is an Icon Link without a background color used.
  3. Articles tab > Banner Carousel
  4. General tab > Heading
  5. General tab > Icon Link
    • There are Icon Links without a background color used.
  6. General tab > Heading
  7. Embed tab > Generic Embed
  8. General tab > Heading



A screenshot of a cell phone 
Description automatically generated

Thee bottom of the Teaching Resources section of the Faculty Upper School homepage.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. Faculty tab > Find Student, Faculty or Staff
    • This is configured to only find students.
  2. General tab > Heading
  3. Faculty tab > Find Student, Faculty or Staff
    • This is configured to only find faculty or staff.
  4. Embed tab > Google Drive Folder



Parent Portal Homepages and Pages

Parent Portal — No News Management

Click on “Veracross Online School” located in the navigation bar of the Parent No News Portal to access this page. The Veracross Online School homepage represents some of the features that are possible without the News Management module for the Parent portal.

A screenshot of a cell phone 
Description automatically generatedTop of the Veracross Online School section of the Parent portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Notification Link
  3. Parents tab > My Children List
  4. General tab > Heading
  5. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.



A screenshot of a cell phone 
Description automatically generated

Part-way down the Veracross Online School section of the Parent portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
    • This is a heading without text, but with a border line.
  2. General tab > Heading
  3. General tab > Icon Link
    • These are Icon Links without a background color used.
  4. General tab > Button Link
  5. General tab > Heading
    • This is a heading without text, but with a border line.
  6. General tab > Heading
  7. General tab > Heading
  8. General tab > Icon Link



A screenshot of a cell phone 
Description automatically generated

Bottom of the Veracross Online School section of the Parent portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  2. General tab > Heading
    • This is a heading without text, but with a border line.
  3. General tab > Heading
  4. General tab > Icon Link
    • Each is a seperate link with no background color, and different text and URL.
  5. General tab > Heading
    • This is a heading without text, but with a border line.
  6. General tab > Heading
  7. General tab > Icon Link
  8. General tab > Heading
  9. General tab > Icon Link



In order to access the additional page, click on the “At-Home Resources” icon link on the homepage.

A screenshot of a social media post 
Description automatically generatedThe "At Home Resources" section of the Parent portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Heading
  3. General tab > Heading
    • This list is using the heading feature for each bullet.
  4. General tab > Heading
    • This is a heading without text, but with a border line.
  5. General tab > Heading
  6. General tab > Icon Link
  7. General tab > Heading
  8. General tab > Icon Link
  9. General tab > Icon Link
  10. General tab > Heading
  11. General tab > Icon Link
  12. General tab > Heading
    • This is a heading without text, but with a border line.



Parent Portal — with News Management

Click on “Veracross Online School” located in the navigation bar of the Parent Portal to access this page. The Veracross Online School homepage represents some of the features that are possible with the News Management module for the Parent portal.

A screenshot of a video game 
Description automatically generated

Top of the Veracross Online School section of the Parent portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. Content tab > Photo Link
  2. General tab > Heading
  3. General tab > Notification Link
  4. Parents tab > My Children List
  5. General tab > Heading
  6. General tab > Icon Link



A screenshot of a cell phone 
Description automatically generated

Part-way down the Veracross Online School section of the Parent portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
    • This is a heading without text, but with a border line.
  2. General tab > Heading
  3. General tab > Heading
  4. General tab > Heading
  5. Events tab > Vertical Event List
    • These are two seperate vertical event lists with different colors beneath two different headings.
  6. General tab > Heading
    • This is a heading without text, but with a border line.
  7. General tab > Heading
  8. General tab > Icon Link
    • These are Icon Links without a background color used.
  9. Content tab > Rich Text
  10. General tab > Heading
    • This is a heading without text, but with a border line.
  11. General tab > Heading
  12. Content tab > Feature Link
    • This is a feature link without a photo.
  13. General tab > Heading



A screenshot of a social media post 
Description automatically generated

Part-way down the Veracross Online School section of the Parent portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. General tab > Heading
  2. Articles tab > Banner Carousel
  3. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  4. General tab > Heading
    • This is a heading without text, but with a border line.
  5. General tab > Heading
  6. Content tab > Feature Link
    • This is a feature link without a photo.
  7. General tab > Heading



A screenshot of a cell phone 
Description automatically generated

Bottom the Veracross Online School section of the Parent portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Icon Link
    • Each is a seperate link with no background color, and different text and URL.
  3. General tab > Heading
    • This is a heading without text, but with a border line.
  4. General tab > Heading
  5. Embed tab > Facebook Timeline
  6. Embed tab > Twitter Timeline
  7. Content tab > Feature Link
    • This is a feature link without a photo.



In order to access the additional page, click on the “At-Home Resources” Feature Link on the homepage.

A screenshot of a social media post 
Description automatically generatedTop of the "At Home Resources" section of the Parent portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. Content tab > Photo Link
  2. General tab > Heading
    • this is a heading without text, but with a border line.
  3. General tab > Heading
  4. Content tab > Photo Link
  5. Content tab > Rich Text
  6. General tab > Heading
    • This is a heading without text, but with a border line.
  7. General tab > Heading
  8. Content tab > Feature Link
    • This is a feature link without a photo.



A picture containing grass, photo, different, small 
Description automatically generated

Bottom of the "At Home Resources" section of the Parent portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. General tab > Heading
  2. Embed tab > Generic Embed
  3. Content tab > Feature Link
    • This is a feature link without a photo.
  4. General tab > Heading
    • This is a heading without text, but with a border line.
  5. Content tab > Rich Text



Student Portal Homepages and Pages

Student Portal — No News Management

Click on “Veracross Online School” located in the navigation bar of the Student No News portal to access this page. The Veracross Online School homepage represents some of the features that are possible without the News Management module for the Student portal.

A screenshot of a cell phone 
Description automatically generatedTop of the Veracross Online School section of the Student portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Notification Link
  3. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  4. General tab > Heading
  5. General tab > Heading
  6. General tab > Icon Link
    • These are icon links without a background color used.



A screenshot of a cell phone 
Description automatically generatedPart-way down the Veracross Online School section of the Student portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. Students tab > Submit Assignments
  2. General tab > Heading
  3. General tab > Icon Link
    • Each is a seperate link with a seperate text and URL
  4. General tab > Heading
  5. General tab > Icon Link
    • There are icon links without a background color used.
  6. General tab > Heading
  7. Personal tab > Unread Messages Count
  8. General tab > Icon Link
    • These are icon links without a background color used.



In order to access the additional page, click on the “Online Learning Guide” Icon Link on the homepage.

A screenshot of a field 
Description automatically generatedThe "Online Learning Guide" section of the Student Portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Heading
    • This list uses the heading feature for each bullet.
  3. General tab > Button Link
  4. General tab > Heading
  5. General tab > Heading
  6. General tab > Button Link
  7. General tab > Heading
  8. General tab > Heading
  9. General tab > Button Link
  10. General tab > Heading
  11. General tab > Heading
  12. General tab > Button Link
  13. General tab > Heading
  14. General tab > Icon Link



Student Portal — with News Management

Click on “Veracross Online School” located in the navigation bar of the Student portal to access this page. The Veracross Online School homepage represents some of the features that are possible with the News Management module for the Student portal.

A screenshot of a computer 
Description automatically generated

Top of the Veracross Online School section of the Student portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. Content tab > Photo Link
  2. General tab > Heading
  3. General tab > Notification Link
  4. General tab > Icon Link
    • Each is a seperate link with a seperate color, text, and URL.
  5. General tab > Heading
  6. General tab > Heading
  7. General tab > Icon Link
    • These are icon links without a background color used.



A screenshot of a cell phone 
Description automatically generated

Part-way down the Veracross Online School section of the Student portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. Content tab > Photo Link
  2. Students tab > Submit Assignments
  3. General tab > Heading
  4. Content tab > Feature Link
    • This is a feature link without a photo.
  5. General tab > Heading
  6. Personal tab > Unread Messages Count
  7. Articles tab > Banner Carousel
  8. General tab > Icon Link
    • These are icon links without a background color used.
  9. General tab > Heading



A screenshot of a cell phone 
Description automatically generated

Bottom of the Veracross Online School section of the Student portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above. 

  1. General tab > Heading
  2. General tab > Heading
  3. Articles tab > Banner Carousel
  4. Content tab > Photo Link
  5. General tab > Heading
  6. General tab > Icon Link
    • These are icon links without a background color used.
  7. General tab > Heading
  8. Events tab > Vertical Event List



In order to access the additional page, click on the “Online Learning Guide” Icon Link on the homepage.

A screenshot of a social media post with text and grass 
Description automatically generated

Top of the "Online Learning Guide" section of the Student Portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. Content tab > Photo Link
  2. General tab > Heading
  3. Content tab > Rich Text
  4. Content tab > Photo Link
  5. General tab > Heading
  6. General tab > Icon Link
  7. Content tab > Rich Text




A sign on the grass 
Description automatically generated

Part-way down the "Online Learning Guide" section of the Student portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. General tab > Heading
  2. Content tab > Rich Text
  3. Embed tab > Generic Embed
  4. General tab > Heading
  5. Content tab > Photo Link



A screenshot of a cell phone 
Description automatically generated

Bottom of the "Online Learning Guide" section of the Student Portal.


The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. General tab > Heading
  2. Content tab > Rich Text
  3. Embed tab > Generic Embed



In order to access the additional page, click on the “At-Home But Together” Feature Link on the homepage.

A screenshot of a computer 
Description automatically generatedTop of the "At-Home Together" section of the Student portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. General tab > Heading
  2. Content tab > Photo Link
    • Each are seperate photo links with different images, text, and URLs.
  3. General tab > Icon Link
  4. General tab > Heading
  5. General tab > Heading
  6. General tab > Heading
  7. Content tab > Rich Text



A screenshot of a cell phone 
Description automatically generatedBottom of the "At-Home Together" section of the Student portal.

The numbered list below lists which component on which component category tab is displaying the component in the image above.

  1. Embed tab > Generic Embed
  2. Content tab > Rich Text
  3. General tab > Icon Link
  4. Embed tab > Generic Embed
  5. General tab > Heading
  6. Embed tab > Generic Embed
  7. General tab > Heading
  8. Embed tab > Generic Embed
  9. General tab > Heading
  10. Embed tab > Google Drive Folder
  11. General tab > Icon Link