Difference between revisions of "Formating Panes"

From MT Marvelit
Jump to: navigation, search
(Choosing a Theme)
(Choosing a Theme)
Line 25: Line 25:
  
 
The test pane opens in edit mode.   
 
The test pane opens in edit mode.   
 
 
<br>
 
  
 
[[Image:Pane2.jpg|650px]]
 
[[Image:Pane2.jpg|650px]]

Revision as of 14:52, 4 August 2007

Formatting Panes

Editing a Pane

After a pane is added in the Portal Site Manager, it needs to be modified to accept portlets and a theme needs to be applied.


We have added a test page (test.psml) page using the Portal Site Manager. Navigate to that page either by clicking on the VIEW button in the Portal Site Manager or Selecting it from the menu.

Pane1.jpg


Panel1a.jpg

To modify a pane click on the small pencil icon in the upper right corner of the pane.


Panel1b.jpg

Choosing a Theme

The test pane opens in edit mode.

Pane2.jpg


In edit mode - portlets can be added and themes applied. To choose a theme - Click on the Theme pop-up menu. A list of themes (decorators) is displayed. Select the desired theme and click. That theme is applied to the pane.

Themes can be created and modified via CSS Style sheets. See the section Modifying Pane Styles for additional information on creating or modifying themes.


Pane2.jpg

Adding Layouts for Portlets

After a theme is chosen, layouts need to be added to the pane that will contain portlets. These layouts are added individually as sections. To specify a layout to be added - select the layout pulldown menu - and click on the type of layout desired. The layouts are column focused. After you select your desired layout - click the CHANGE or ADD button. CHANGE will will update the existing layout while ADD will insert another layout row.


Pane3.jpg

Default Layouts

There are specific layouts that should be used as starter layouts. This will enable modifications to be made to panes without alot of portlet editing. As a general rule, start out with a pane that looks like this:


Pane4.jpg


To create this starter layout - change the initial layout to ONE COLUMN Layout Using Velocity And Tables - click CHANGE. Than click ADD twice to create a pane that contains three layouts as shown. If no portlets are added to the layout - it will not affect the display on the pane.

After this is completed - simply modify the center section to be the desired layout. Add additional layouts to the center section only. That way the pane can always be modified easily.

This layout will have three columns for dashboard portlets. Additional rows will be added automatically by adding portlets.


Pane5.jpg


Re-Arranging and Deleting Layouts

To delete a complete layout from the pane - click the X box next to the arrow above the layout name. To move a layout - click the arrow to move it up - down - right - or left.

Pane Layout Examples

Here are some layout examples with portlets added: