Show TOC

Inspecting Flex StylesLocate this document in the navigation structure

Prerequisites

  • You are assigned the Workspaces System Administration role.

  • You are assigned the portal System Admin role.

Context

The Flex Styles Inspector is a tool that enables you to view the names of the Flex styles that are associated with the different components of an enterprise workspaces application. To customize the style of a specific component, you can use the Flex Styles Inspector to discover the exact name of the Flex style that needs to be modified.

The Flex Styles Inspector runs in a browser, alongside a session of enterprise workspaces. When you point the mouse at a particular control in the enterprise workspaces application, the Flex Styles Inspector displays a list of the relevant Flex styles.

Procedure

  1. In the portal, navigate to Start of the navigation path Workspace Administration Next navigation step Configuration End of the navigation path.
  2. Select the Tools tab.
  3. In the Flex Styles Inspector tool, choose Go.
  4. Run the enterprise workspaces application you want to inspect.
  5. Arrange both browser windows so that their content is visible at the same time.
  6. Make sure the browser window of the Flex Styles Inspector is in focus.
  7. From the dropdown list in the Flex Styles Inspector, select an application to inspect.
  8. To start viewing Flex styles, press the Ctrl key and move your mouse over the application components to inspect.

    The names of the Flex styles associated with the components are listed in the Flex Styles Inspector.

    Note

    Note the names of the styles that are of interest to you, so that you can search for them in the CSS file. For more information, see Branding Enterprise Workspaces - Flex Styles.