Widgets is an umbrella term for a range of capabilities that collectively allow you to overlay images, navigation buttons, text boxes and embedded items such as views from the current or other stories and visualizations from external websites like Tableau or JIRA. Annotations allow you to improve the impact and user experience for anyone and everyone who interacts with your stories.
The interactive dashboard below was created using text box and image widgets and an embedded view.
Annotations can be created and managed through the Widgets button in the right-hand toolbar. You can create 4 main types of objects and position them on any view:
- Text objects – format and position text objects to provide instructions, explanations and other contextual help.
- Image objects – position images such as brand logos, impactful iconography and large background canvases on any view.
Text and image annotation objects can be positioned in the foreground (i.e. in front of the data item layer of your view) or in the background (ie. behind the data layer). Unlike view background images (that you select for your views using View Setup) images and text objects that you add using the annotation feature do not stretch to fit changing screen sizes. They instead maintain their aspect ratio, so allowing you to add text, logos and full-sized images that really enhance your story views and the user-experience.
- Navigation objects – by adding click-events to your text or image objects, you can create a whole new way of navigating both within your current story, across other stories and to external URL locations.
- Embedded web documents (iFrames) – widget objects can be used to embed SharpCloud views, O365 Excel, PPT or word documents, or charts, tables and views from other web-based business systems, such as tableau, Jira or MS project.
Combining these capabilities, you can quickly and easily create compelling portals, dashboards and data-driven presentations that provide a great user-experience.
Note: Any reference to using annotations on a view also relates to using annotations on a presentation slide. Where there are differences, these will be explicitly highlighted.
What can Annotations be used for?
Annotations are highly versatile and can have many uses, for example, they can be used to:
- Provide information on how interpret the view.
- Provide instructions on how to interact with the view or the items.
- Position a logo or other static images within the view.
- Embed a SharpCloud view, presentation or item, or an external web document from another business system in an iFrame
- Create a navigation that acts as a "Click Event" to a range of places including; A SharpCloud view, presentation, item or a different story. They can also be used to navigate users to any other URL location.
Key Operations, Behaviors and Constraints
- An annotation is created against a single view but can be copied and pasted (via the clipboard) within the same view or to other views. So, for example, you can create a single "home" button and then paste it into the same location each subsequent view.
- Each copy of the annotation is a separate object.
- When you have copied an annotation, the destination of the click event remains the same, so you will not have to update the URL location for the click event each time.
- Deleting a view also deletes the annotations associated with the view; restoring a view (undo delete) also restores the annotations.
- When the annotations side-panel is open, you cannot interact with the items on the view.
- Annotations can only be added to the panel view or relationship radial view as part of a presentation slide that you access through the presentation tool bar.
- When interacting with a view and navigating to these (transient) types of view, the "New Annotation" button is disabled.