Show TOC

Procedure documentationInspecting Flex Styles Locate this document in the navigation structure

 

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. Run the enterprise workspaces application you want to inspect.

  2. In a separate browser window, run the Flex Styles Inspector using the following URL:

    http(s)://<host>:<port>/irj/servlet/prt/portal/prtroot/tc~ep.ext~flexstylesinspector.FlexStylesInspector

    Replace <host>:<port> with the same values as those of the enterprise workspaces application to inspect.

  3. Arrange both browser windows so that their content is visible at the same time.

  4. Make sure the browser window of the Flex Styles Inspector is in focus.

  5. From the dropdown list in the Flex Styles Inspector, select an application to inspect.

  6. 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

    Note the names of the styles that are of interest to you, so that can search for them in the CSS file. For more information, see Changing and Compiling CSS Files.

    End of the note.