Use > Customize My Workspace > Set up My Workspace > Create a component using a dynamic URL – Use-Case Scenario

Create a component using a dynamic URL – Use-Case Scenario

Jane is an administrator in the ACME corporation, and she wants to set up a page in My Workspace as follows: the left side of the page will display the Top View, and the right side of the page will display the ACME Support directory.

When a CI is selected in Top View, the Support directory will display details on whom to contact when this CI is in a problematic state.

The dynamic URL of the ACME Support directory is as follows: http://www.acme.com/support/search?q=<contact person>.

Tip In this scenario, the dynamic URL is built using the query string. You can also define the URL's path, or a fragment of the URL, using the following pattern: https://domain/ <path> ? <query_string> # <fragment>.

  1. Jane opens a new page, and divides it into two panes. She opens the Component Gallery, and drags Top View into the left pane. She then clicks the Add External Component button on the Component Gallery toolbar.

  2. In the upper area of the Add Component dialog box, she types ACME Support as the component name, and enters the static portion of the Support directory URL: http://www.acme.com/support/search.

  3. In the Wiring Context area, Jane adds CIChange to the list of contexts, so that the Support directory will respond when a CI is selected in the Top View.

  4. In the URL Parameters and Values area, she adds a URL parameter named q.

  5. The ACME corporation uses a CI attribute called <<CIContact>>, to define whom to contact when a CI is problematic. The Attributes list includes the attribute <<CIContact>>. Jane drags this attribute to the Value field of the parameter named q.

    The URL Pattern now shows the following: http://www.acme.com/support/search?q=<<CIContact>>.

  6. Jane clicks OK to save the component, and then drags the ACME Support component into the right pane.

  7. Jane then clicks the Wiring button on the Page Management toolbar, and defines the page wiring so that the Top View source component sends CIChange contexts to the ACME Support target component.

  8. When a CI is selected in Top View, the Support directory displays details on whom to contact regarding the CI.