Edit a Reveal Component

Steps to edit a Reveal component.

You can add any content to the Reveal component, add multiple tabs, as well as control many display properties.

Laura Bertrand

2021-08-09

5506

Show Me Try Me Guide Practice Me Test Me

Select the Reveal Component on the page.

To edit the content within the Reveal, select the Edit Icon in the Inline Toolbar, or double-click the Reveal.

Select the Tab 1 Heading to edit it and we'll add text for you.

Select the Text within the Tab 1 to edit it and we'll add text for you.

To add an Icon to the Tab, select the Do More heading.

Select the three-dot menu in the Inline Toolbar.

Select Options.

Select Left Icon under Label.

Select the Checkmark from the Pick an Icon popup.

Select Ok.

Select Tab 2, and we’ll rename the tab for you.

To delete a content layout within a tab, select the Text Placeholder within the All-In-One tab.

In the Select Control Bar, select Delete.

Select Delete.

To add a new laytout, select the + icon within the All-In-One tab.

You can use the options to add specific content to this new layout. Select the Single-Body Content option.

To add an image to the Placeholder, select the Image icon.

Select the image ShareContent_grey.

Select Insert.

The image is added. Use the + icon at the bottom of the component to add more content layouts to the Tab. To add a new tab, select the + Icon at the bottom of the component.

New Tab is added. To delete a tab, Select New Tab.

In the Select Control Bar, select Delete.

Select Delete.

The tab is deleted. The tab is Select the three-dot menu in the Inline Toolbar. Have access to the Options, Styles and FX tabs, Accessibility panel, and add a New Comment, or Delete the component.

Select Options.

The Options and Style tabs have a number of control and design options for the Reveal Component as a whole. You can change the Orientation, Respond At (in Flow), Enable/Disable Justified, Enable/Disable Sequential, Enable/Disable Start Unopened, Add Content, Enable/Disable Controls, Starting layout, Adjust the Shape of the tabs, Color, Opacity and Background Fill. Use the FX tab to add effects to the component. Note: When in Essentials, only a limited number of Options are shown. To see all Options, make sure you are in Designer Mode. In the Options tab, under Orientation select Option 2.

To fix the Layout of the Reveal select the Down Arrow icon under Layout.

Select Option 2.

The Layout of the Reveal Component has changed. Select the Page to return to the Page content.

Preview the Current Page to see how the Reveal Component will look and behave for your learners.

Steps to add a Reveal component to a Page.

Reveal is one of many components available in the Engage tab.

The learning can interact with the Reveal component by clicking each tab to change the content shown.

Steps to edit a Tile Card component.

You can edit the text, change the icon on the Tile Card, as well as control the background display options.

Steps to edit a Steps component.

Use Steps to display information in a tabbed layout. Steps are available in a variety of orientations for you to choose from. All types can be formatted and styled for numerous appearances and behaviors.

Steps to add an Icon to a Tab Set, Accordion, Steps, and Reveal Components.

Icons are one of many design options you can add to Components on the Engage tab.

Steps to edit a Carousel component.

You can add any content to each slide within the Carousel, as well as control many display and play options.

Use cards to set apart certain information, and assign headers, footers, borders and styles as you see fit. This lesson covers controlling the display properties of the Card component to suit your design needs.

Note: Cards are available in multiple styles with or without a Button. The buttons are easily set up just like any other button in dominKnow | One.

Steps to edit a Callout component.

Use callouts to set apart certain information, and add various styles, borders and icons. This lesson covers controlling the display properties of the Callout component to suit your design needs.

Steps to edit a Panel component.

Use Panels to set apart certain information, and assign headers, footers, borders and styles as you see fit. This lesson covers controlling the display properties of the Panel component to suit your design needs.

Steps to edit a Tab Set component.

Use Tab Sets to display information in a tabbed layout. Tab Sets are available in a variety of orientations for you to choose from. All types can be formatted and styled for numerous appearances and behaviors.

Notes:
1. There is a publishing profile option that allows you to turn on or off completion checkmarks for tab sets and accordions. See the article: Publishing Profile Options for more information.
2. When in Essentials, only a limited amount of Opti...

Steps to Edit a Billboard component.

Use billboards as your big attention-grabbers. This lesson covers controlling the display properties of the Billboard component to suit your design needs.
Note: Billboards are available in multiple styles with or without a Button. The buttons are easily set up just like any other button in dominKnow | One.

Edit a Reveal Component

Laura Bertrand

Similar Projects

Add a Reveal Component to a Page

Edit a Tile Card Component

Edit a Steps Component

Add an Icon to a Tab Set, Accordion, Steps, and Reveal Components

Edit a Carousel Component

Edit a Card Component

Edit a Callout Component

Edit a Panel Component

Edit a Tab Set Component

Edit a Billboard Component

Questions ( 0 )

Comments ( 0 )