/
OU CAMPUS COMPONENTS OU CAMPUS COMPONENTS

OU CAMPUS COMPONENTS - PowerPoint Presentation

stefany-barnette
stefany-barnette . @stefany-barnette
Follow
349 views
Uploaded On 2019-12-14

OU CAMPUS COMPONENTS - PPT Presentation

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

content component structure components component content components structure examples fields unique styling link appears contact wysiwyg editing shared reusable

Share:

Link:

Embed:

Download Presentation from below link

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.


Presentation Transcript

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