OU CAMPUS COMPONENTS Danielle Bosco IT Web Team Agenda What is a component When should you use a component What does a component look like Components available at USU What is a component Newest type of reusable content ID: 770398
Download Presentation The PPT/PDF document "OU CAMPUS COMPONENTS" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
OU CAMPUS COMPONENTS Danielle Bosco | IT Web Team
AgendaWhat is a component? When should you use a component?What does a component look like?Components available at USU
What is a component? Newest type of reusable content When you want to reuse structure/styling, but keep content unique Uses form fields to prompt for content Customize content on each page Changes to the component’s base code WILL be reflected across all pages with the componentIf you add new fields to a component, the existing instances of that component will not yet have inputs for those fields.
When Should You Use a Component? Use component for:Unique content with reusable structure/stylingEasier editing inside the WYSIWYG editor Examples: image with caption, contact card, buttons Use asset for: Shared content and structure/styling Examples: enrollment number, department contact boxUse snippet for: Initial content and structure. Styling is shared, then unique when edited Repeatable elements in a row with different content for each Examples: simple table with preset styles, table transformations with repeatable elements (accordions, tabs, etc.)
What does a Component look like? A component is accessed through the WYSIWYG editorThe icon resembles an atom The editing window appears in a modal After insertion, the component appears as a blue pill shape in the editable region.
What does a Component look like? WARNING: When viewing this through the Source Code Button, do not change any values inside of the ~ symbols or the component will break. Let’s see these components live!
AgendaWhat is a component? When should you use a component?What does a component look like?Components available at USU
Thank you! Please share your feedback:Link to place where you can put in suggestions for components Additional Resources: Link to documentation about components on website