Skip to main content
MediaBeacon University

Widgets Overview

The 8.0 Interface is a widget-based interface, and the majority of the user's interaction with the system is performed through widgets. Each widget has a predefined set of capabilities that it can perform, and can be mixed and matched to customize workspaces with the appropriate functionalities to provide highly task-specific interfaces.

Anatomy of a Widget

All widgets have some shared functions:

  • Widgets have similar controls at the top left of the title bar. They are: Options, Minimize, Maximize, and Remove Widget.
  • Widgets can be dragged to different parts of the workspace layout.



  • A widget can be toggled to expand to fill the entire workspace with the Maximize button.


  • Widgets can be toggled to a collapsed mode with the Minimize button which displays as a spin-down to the left of the widget title.


  • Widgets may (depending upon permissions), be removed from the workspace by clicking the Remove button and confirming.


Widget Configuration Dialogs

Widgets have Configuration dialogs, containing options specific to that widget. This dialog may be accessed by clicking the Configuration button (See above), below is a dialog that shows the common controls all widgets share.


Widget View Preferences

In the Configuration dialog, each widget has a section called "Widget View Preferences", which contains the following options:

  • Widget Id: This area is prepopulated with a string that defines the widget's GWT class and internal database identifier, such as: "class jb.gwt_main_modules.html.client.HtmlWidget1340910149396". This does not define a HTML ID. HTML ID functionality is replicated using the Theme Manager.
  • Max Height: which limits the height of a widget and displays a vertical scrollbar if the widget's content exceeds that height. The default setting, "0", sets the window to no height limit.


  • Background Color: allows the default background color of a widget to be redefined with a hex value (e.g. #FFCB4F).


  • CSS Class: assigns a specific class to the widget, which can then be leveraged via a custom theme in the Themes Manager.
  • Display widget titleless: This checkbox allows the widget to be displayed with the standard frame, but no title or buttons. To access the Configuration dialog when a widget is in titleless mode, right click anywhere inside the widget to access the contextual menu and choose Widget Options.


  • Share widget with other workspaces: This spin-down area lets the user share the widget with other workspaces that they have access to. There is also an "Export widget to asset" option. This saves the widget, similar to how workspaces may be saved, but as a ".mbwidget" asset.


Choose Icon Interface

The Choose Icon interface is a standard element found anywhere icons or thumbnails may be user-assigned. Any icon with a white down-arrow badge in the lower right corner may be clicked to display the Choose Icon Dialog.

The user may choose from any of the preloaded icons or upload their own, which is retained in the list of icons to choose from. The Icon may also be cleared; returning the image to "no image" status.


Contextual Menus

Contextual menus are used to access a number of functionalities throughout the 8.0 Interface, all being accessible by a right-click.

Areas that use Contextual menus:

  • Non-widget Areas: Banner, Menu Bar, Workspace Tabs Area, Workspace Area. These areas have a standard set of commands.


Admin Mode

allows a user with Global Administrator or Group Administrator privileges to:

  • View all widgets with titles and controls, if widgets are set to "titleless".
  • View the Menu Bar, if it is hidden by the Manage Workspace Settings.

Widget Contextual Menus

Many widgets have unique contextual menus, such as: Cart, Directory Browser, and the Tile, Text and Slideshow View's contextual menus for Asset Preview and Asset Name. Using the second mouse button in the whitespace of an asset tile or a View widget will also display a contextual menu.


User Level, Permissions and Contextual Menus

Based upon a user's Level (Global Administrator, Group Administrator, General User), and ACL Permission, certain commands in each menu may be either greyed out or not shown. In general, if a command could be used by a user with a given level and permissions, but cannot be used on the area or object clicked, it will be greyed out.

Check Out

Check Out will prevent other users from editing assets while they're being worked on. Checked out assets still appear in the web interface.

To check out an asset, select it and choose "Check Out" from the contextual menu.


The file is immediately downloaded to your desktop. Other users can view and download the asset, but they will not be able to edit the asset until it's checked back in or the check out is canceled.

To check in an asset, select it and click the "Check In" badge.


Upon check in, comments can be added to indicate what has changed.


Managed Versions

A history of asset check ins can be viewed in the Managed Versions M3TAForm.


The current version of the asset is displayed first, followed by previous versions. Clicking on any previous version allows for quick download, comparison to the current as well as promotion to current.


"Compare" will show the difference between the two versions of the asset.


"Promote to Current Version" creates a copy of the selected version and prompts for any comments. This copy becomes the current version of the asset. No history is lost or overwritten in this process.

New Version

New Version moves the original asset to the renditions branch of the MediaBeacon directory that the asset resides in and makes the new version the primary. Other versions of the asset are managed and accessed via the Managed Versions M3TAForm panel.

To create a new version of an asset, select it and choose "New Version" from the contextual menu.


Versions may be managed in the Managed Versions Panel. A previous version can be Promoted to the current version through selecting the appropriate badge.


Notification Center

The Notification Center displays all the progress bars for a user's current tasks, which can include conversions, uploads, copying assets, etc.

The Notification Center only appears when a task is in progress, and can be hidden by simply clicking on its tab.


The Notification Center is also the home to the Loading Dock. For more information see the Loading Dock widet section.

Keyboard Shortcuts

MediaBeacon has a selection of keyboard shortcuts available to users for navigating within the system. To see a list of shortcuts, type a question mark (?) when the interface is active.


  • Was this article helpful?