Configuring Siebel Business Applications > Configuring Siebel Web Templates and Siebel Tags > Configuring Siebel Web Templates and Siebel Tags >

Displaying Multiple Views on a Page

The Siebel Web Engine can simultaneously display multiple views on a page. These views include the following main view and one or more alternate views:

• Main view. Chosen from the link bar. Only one main view exists.
• Alternate views. Other views that Siebel CRM displays with the main view. For example, the Search View that displays applets that it uses for find and search operations.

You can display multiple views in the following ways:

• Place multiple views in separate HTML frames.
• Share multiple views in the same frame.
• Display multiple views in the main view in the main browser window and display a single alternate view in a pop-up window.

It is recommended that you define alternate views as simple views that do not contain complex navigation links.

The examples in this topic describe how to create multiple view layouts if you use HTML frames. The procedure is similar to the procedure you use if you do not use HTML frames. If you do not use HTML frames, then to position the views, you can use HTML tables instead of frames and framesets.

To support multiple views, you must modify the structure of frames and framesets.

You cannot configure Siebel Open UI to display more than one view on a single page, but you can configure it to display multiple applets in a view. For more information, see Creating a View and Configuring Siebel Open UI.

To display multiple views on a page

1. Replace the first line of the <div od-type="frameset"> code of the Page Container web template with the following example code:

   <div od-type="frameset" htmlAttr="rows='80,50,50,*' border='0' frameborder='No'">

2. Replace the view frame in the container page with a content frame.

   This frame defines the area where Siebel CRM loads one or more views. Initially this frame contains a frameset that includes a view type frame. You can replace this view frame with the following example content frame:

   <div od-type="frame" type="Content" htmlAttr="marginheight='0' marginwidth='0' noresize scrolling='Yes'">

   <div od-include="CCMainView"/>

   <!--od section frame close->

   </div>

   For more information, see Example Code of the CCMainView web template.

3. Modify all the application container templates to use the content frame.
4. To display more views in the content area, load a different content container page in the content frame:
   1. Call the LoadContentContainer method from a control or page item.
   2. Make sure the User Property container loads the content container.

      For more information, see Using the LoadContentContainer Method to Load Multiple Views.

Siebel CRM behaves the same before and after you make this modification. You only add one more layer of frames in the content area. The unmodified application container page template included in the view frame without the outer content frame does not create errors. You cannot use it to display multiple views.

Using the LoadContentContainer Method to Load Multiple Views

You must use the Web Template Name of the content container page. For example, to display the search view with the main view, do the following:

• Create a content container page, such as CCSMainAndSearchView.
• Use the LoadContentContainer method to load this page.

To load the main view and search view into two frames, the CCSMainAndSearchView web template contains the following tags:

<div od-type="frameset" htmlAttr="cols='100%' border='0' frameborder='No'">

<div od-type="frame" type="View" htmlAttr="noresize scrolling='Yes'">

<div od-type="current-view/">

<!--od section frame close->

</div>

<div od-type="frame" type="AltView" name="Search" htmlAttr="noresize scrolling='Yes'">

<div od-type="view" name="Search View" id="Search" />

<!--od section frame close->

</div>

<!--od section frameset close->

</div>

In this example, you still reference the main view in the <div od-type="current-view"> tag. You reference alternate views in the <div od-type="view"> tag.

To switch from displaying the search and main views to displaying only the main view, you can call the LoadContentContainer method again, but this time reference the container page that references the CCMainView web template.

OD View Tag

The <div od-type="view"> tag uses the following format:

<div od-type="view name="xxx" id="yyy">

The <div od-type="view"> tag includes the following attributes:

• Name. Name of the alternate view.
• Id. Identifies the location that this view occupies. You use this Id to replace this view with another view.

The <div od-type="frame"> tag contains an alternate view named AltView. You can define only one alternate view for each frameset. If you add more than one alternate view, then you might encounter an error.

Example Code of the CCMainView web template

The CCMainView web template that you reference in the od-type="frameset" code of the CCPageContainer page includes the following frameset. This frameset contains the main view:

<div od-type="frameset" htmlAttr="cols='100%' border='0' frameborder='No'">

<div od-type="frame" type="View" htmlAttr=" noresize scrolling='Yes'">

<div od-type="current-view/">

<!--od section frame close->

</div>

<!--od section frameset close->

</div>