App Examples
Page Navigation
- About Teacher
- Alert App
- Alumni Directory
- Announcements
- Article Library
- Assignments
- Blog
- Book List
- Calendar
- Content
- Content Accordion
- Discussion
- Divider
- Document Viewer
- Embed Code
- Facebook Like
- Facts & Figures
- Figure
- File Library
- Google Calendar (Advanced)
- Google Events
- Google Folder
- Heading App
- Headlines & Features
- Icons
- Image
- Important Announcement
- Lightbox
- Link Library
- Lunch Menu
- Maps & Directions
- Minibase
- Multimedia Gallery
- Photo Gallery
- Podcast
- Premium Video App
- Q&A
- School Directory
- Site Shortcuts
- Staff Directory
- Tabbed Content
- Tabbed Widget
- Table
- Twitter Share
- Upcoming Events
- Vaccination Info App
- Wiki
- Embed Code - Google Drive
Content
-
Introduction
When we are working with the content app, we can do many things.
Text can be plain or formatted.
We can include headings for accessibility (such as Introduction above and Considerations below).
Images can be aligned to text, which allows for text wrapping.——————>
Text can be turned into hyperlinks to websites, email addresses, or documents.
This is a link whose color has been manually changed.
Considerations
Rules for Section Editors to Follow: (example of a numbered/bulleted list)
- Remember: "Just because you can, doesn't mean you should." -- Anonymous
- Keep text black, and avoid using light colors like yellow or pink. If you must use another color, stick to a darker color choice.
- Keep text left aligned. End-users can read text easier if it stays to the left of the page.
- If you must center align, use it sparingly and only for titling if needed. Do NOT center align multiple lines of text on a page.
- Always paste as plain text to keep the style consistent so that it looks professional and is determined by the current template.
- When using images within the text body:
- Use photos taken by a student or employee that are clean and high quality, or stock photography that you are authorized to use.
- Using older/pixelated images is discouraged.
- Refrain from using animated gifs.
- Right or left align images to the text so that it allows the text to wrap around it (check mobile appearance to verify wrapping looks okay).
- If you want text separated into columns, use the proper page layout and multiple content apps. Do NOT use a Table App. Tables are for data only.
- When you need to provide titles above your content, turn on the app name in the app options for a clean, simple, consistent look that matches the template.
- Keep pages simple. Do not overload them with too much content that requires an end-user to scroll too far.
Gray Border Box
Utilize Featured Content styles to highlight important text, differentiate content in a particular column, or draw the user's eye toward a call to action. This is an example link.Primary Color Box
Utilize Featured Content styles to highlight important text, differentiate content in a particular column, or draw the user's eye toward a call to action. This is an example link.Secondary Color Box
Utilize Featured Content styles to highlight important text, differentiate content in a particular column, or draw the user's eye toward a call to action. This is an example link.