The HTML Markup component is a simple editor for entering raw text and HTML tags, including JavaScript embedded in HTML <script> tags.

Enter markup through the editor's component properties:

• Enclose JavaScript in the appropriate HTML markup. The HTML must be valid XHTML.

  For example:

  <script type="text/javascript">
     document.write("Welcome to the club");
  </script>
  

• If you need to enter non-XHTML, then it must be bracketed appropriately (that is, wrapped in CDATA). For example: <![CDATA[non-conforming HTML]]>.

• JavaScript will execute only when the page is rendered with a full URL page request. If you navigate to the page from a tab in your portal, the JavaScript will not execute. You can work around this limitation by creating a page style to execute JavaScript when it loads.

The editor's header appears in the page editor, but does not appear in page view mode. This enables you to place an individualized message on a page, for example, Welcome #{securityContext.userName}!, without cluttering the message with the component header.

1. Open the page in the page editor.
2. In the HTML Markup component toolbar, click the View Actions menu and select the properties you want to set:

   • Display Options properties.

   • Style properties are common to many other components. See Table 10-2. The styles you set here override the styles that would otherwise govern the component's appearance. These include styles set on the component's parent container, the current page, and the portal skin.

3. Save your changes.

<object width="640" height="385">
  <param name="movie"
      value="http://www.youtube.com/v/cAYw2zcSIPw?fs=1&amp;hl=en_US" />
  <param name="allowFullScreen" value="true" />
  <param name="allowscriptaccess" value="always" />
  <embed src="http://www.youtube.com/v/cAYw2zcSIPw?fs=1&amp;hl=en_US"
      type="application/x-shockwave-flash" allowscriptaccess="always"
      allowfullscreen="true" width="640" height="385" />
</object>

Use the Hyperlink component to add a link to a page. The Hyperlink can point to a location that is either internal or external to the application.

A Hyperlink component is comprised of two elements: the link text and the link URL, both of which are added through component properties.

Hyperlinks can take both internal and external link targets. For an internal target, you can use a relative directory path. For an external target (a target outside of the portal), always use the full URL.

1. Open the page in the page editor (see Opening a Page in the Page Editor).
2. In the Hyperlink component toolbar, click the View Actions menu and select the properties you want to set:

   • Display Options properties are described in Hyperlink Component Display Options.

   • Style properties are common to many other components, as described in Table 10-2. The styles you set here override the styles that would otherwise govern the component's appearance. These include styles set on the component's parent container, the current page, and the portal skin.

3. Save your changes.

To add a Links component to a page click the Open link next to Web Development from the resource catalog to display a selection of web development components. Click Add next to the Links Component.

Use the Links component to add a navigation instance to a page. Links component navigation can include links to pages, external web sites, and portal content. A browse capability is available to simplify the process of locating link targets. An advanced search feature is also available to assist in locating application objects, such as a file.

The Links component enables you to add a navigation links to a page, outside the more formal structure of your portal's navigation.

The links component is associated with the page or template on which it is placed. When you put a links component on a page and add some links, those links are associated with the page. That is, the lifecycle of the links component respects the lifecycle of the page or template on which it is placed. For example:

• When a page containing links is copied, all the links are also copied, and the page copy has its own set of links. Modifying links on the original page does not affect the page copy. The same is true for links on page templates.

• When a page is deleted, all links associated with the page are also deleted. The same is true for links on page templates.

• If a portal template contains pages with links, creating a new portal based on the template effectively creates a clone of the template. Consequently, the new portal has its own set of links, which can modified in the portal.

• When a portal is exported or imported, any links associated with portal pages are also exported or imported.

There are also controls on each link for configuring a given link's properties and deleting the link.

The Links component's Add Link, Edit Link, and Delete Link actions are available only in page view mode. Users with Edit Page permission can add, modify, or delete links. Users without Edit Page permission can see the added navigation links, but cannot add, modify, or delete them.

The Links component's properties provide opportunities for controlling the behavior and look and feel of a Links component instance.

1. In the Links component, click the Configure icon to open the Edit type Link dialog (Figure 11-14).

   Figure 11-14 Edit External Link Dialog

   
   Description of "Figure 11-14 Edit External Link Dialog"
2. Revise the values as required.

   Note:

   Different link types present different fields and require different values.

   For information about the values required by Edit type Link fields, see Adding Navigation Links Using the Links Component.

3. Click OK.

1. Click and hold on a link.
2. Drag the link to its new position in the list.
3. Release the link.

1. In the Links component, click the Delete icon next to the link of interest.
2. Click Delete in the confirmation dialog.

1. Open the page in the page editor (see Opening a Page in the Page Editor).
2. In the Links component toolbar, click the View Actions menu and select the properties you want to set:

   • Display Options properties are common to many other components, as described in Table 10-1.

   • Style properties are common to many other components, as described in Table 10-2. The styles you set here override the styles that would otherwise govern the component's appearance. These include styles set on the component's parent container, the current page, and the portal skin.

3. Save your changes.

To add a Movable Box component to a page, click the Open link next to Web Development from the resource catalog to display a selection of web development components. Click Add next to the Movable Box Component.

A Movable Box is a container wrapped around a Box that not only enables the placement of content on a page, but also provides a means of moving all of that content at once in both the page editor and view mode.

In the page editor, or when viewing a page, you can click on a Movable Box header and drag it and all of its content to a new position on a page. Movable Boxes can also be resized.

1. Open the page in the page editor.
2. In the Movable Box component toolbar, click the View Actions menu and select the properties you want to set:

   • Display Options properties are common to many other components, as described in Table 10-1.

   • Style properties are common to many other components, as described in Table 10-2. The styles you set here override the styles that would otherwise govern the component's appearance. These include styles set on the component's parent container, the current page, and the portal skin.

3. Save your changes.

To add a Separator component to a page, click the Open link next to Web Development from the resource catalog to display a selection of web development components. Click Add next to the Separator Component.

The Separator component provides a visual break, in the form on a horizontal line, on a page.

1. Open the page in the page editor.
2. In the Separator component toolbar, click the View Actions menu and select the properties you want to set:

   • Display Options properties are common to many other components, as described in Table 10-1.

   • Style properties are common to many other components, as described in Table 10-2. The styles you set here override the styles that would otherwise govern the component's appearance. These include styles set on the component's parent container, the current page, and the portal skin.

3. Save your changes.

To add a Web Page component to a page, click the Open link next to Web Development from the resource catalog to display a selection of web development components. Click Add next to the Web Page Component.

The Web Page component opens a view onto another web page within the context of a portal page.

The content exposed through a Web Page component retains all of the controls associated with the exposed web page. For example, the componet allows users to control the volume of a video, edit a wiki,, or post an entry to a blog, depending on the type of content you expose.

You can use internal and external link targets for a Web Page. For an internal target, you can use a relative directory path.

The Web Page component provides a variation on the built-in Web Page page style (for more information, see Table 18-1). The Web Page page style is useful for offering the full external web page experience. In contrast, the Web Page component is useful for including web page content along with other content types on a page.

1. Open the page in the page editor.
2. In the Web Page component toolbar, click the View Actions menu and select the properties you want to set:

   • Display Options properties are described in Web Page Component Display Options.

   • Style properties are common to many other components, as described in Table 10-2. The styles you set here override the styles that would otherwise govern the component's appearance. These include styles set on the component's parent container, the current page, and the portal skin.

3. Save your changes.

padding-top:30px;

http://www.oracle.com