Quick access to add elements over the image, formatting, editing, actions and more

When you select an Image element the purple Element Controls become available:

 

From left to right, here's a description of each control.

Menu (three-dot menu)

Selecting the menu (three-dot menu) opens its panel.

The Format, Style and FX options open their respective tabs above the Stage.

Accessibility opens the Accessibility settings panel below the Stage.

Note: If you have not added alt text to the image, the Menu icon will show an exclamation mark instead of three dots, and the Accessibility option will be highlighted.

New Comment allows an author to add a Comment to the element.

Change allows you to change the image element to a different image.

Delete will delete the element.  

 

Add Elements (plus sign)

Selecting the Add Elements control opens the Add Elements on Top panel to the right of the Stage: 

 

This lets you add Labels, Markers, Hotspots, other images and more over the image element. 

 

Container Inspector

In Claro selecting the Container Inspector provides access for an author to set Background options, Custom Styles and Hidden on Load status for the element.

You can also set Hidden on Load status for the Layer.

And you can set Background options for the Page as a whole.

If any settings are altered on the panel, the Container Inspector control icon will show an added dark purple marker/indicator. 

 

In Flow selecting the Container Inspector provides more options.

For the Element, authors can set:

  • Background
  • Padding
  • Alignment
  • Custom Styles
  • Hidden on Load

For the Group, authors can set:

  • Background
  • Custom Styles
  • Hidden on Load

For the Row, authors can set:

  • Background
  • Match Height
  • Alignment

For the Section, authors can set:

  • Background
  • Height
  • Alignment

For the Page, authors can set Background.

If any settings are altered on the panel, the Container Inspector control icon will show an added dark purple marker/indicator. 

 

Actions (lightning bolt)

Selecting the Actions control opens the Actions panel.

By default it is set to create actions based on the learner clicking the text element, but you can choose other triggers by selecting See All.

You can quickly select an action for the click-on trigger from the list or select More... to view all available Actions.  

If any actions are set for the element the Actions Control icon will show an added dark purple marker/indicator. Selecting the icon will now display a list of the actions with an option to edit them or add more actions. 

 

Lock/Unlock

Selecting the Lock control locks the text element's location on the page as well as its size. (The text can still be edited.) This option is only available on Claro pages.

When selected (element locked), the icon will be dark purple. On the Selection Control Bar above the stage you can no longer access: 

  • The element's Location fields (X and Y coordinates)
  • The Size fields (Width and Height)
  • The element Delete option.

You must unlock the element before it can be deleted from the page.

 

Help (question mark)

Selecting the Help control opens the Text Help panel.

Selecting the article thumbnail will open the article in a modal window. The modal window has a button in the upper right corner to open the article in a new browser window.  

If more than one article is available, the panel will show a carousel.

The help articles are pulled in from the dominKnow Community site. 

A dark purple marker/indicator will be shown on the Help Control icon if the help articles have not been viewed or if new articles are available.

You can also select the Search link to search the community for help with any dominKnow | ONE topic.

  0     0

Similar Projects

Questions  ( 0 )