Header Border Header Logo Header Border

Layout A Web Page

To manage the components and structure of a site page in OASIS, you use the Layout Manager palette. 

Accessing the Layout Manager Palette:

  • Browse to the page you wish to manage.
  • Click the Layout Manager floating button. The button will cascade into a palette.

Moving a Resource Instance Onto a Page:

  • Identify the type of resource instance you want to add to the page, and locate its icon type on the Layout Manager palette.
  • Undertake a drag and drop operation:
    • Click and hold down your mouse over the selected resource type on the Layout Manager palette.
    • Drag the resource type to the location target on the page.
      • It is important to know that a blue “target zone” on the page will show you where you may drop new resource instances. The drop location is highlighted by a dashed boundary line.
    • Release the mouse button.
  •  At this point, you will be invited to fill the container with a resource instance.

Adding an Existing/Saved Resource Instance to a Page:

  • Identify, by navigating in the presenting Explorer-like view if necessary, the resource instance to be placed in the resource instance container dropped on the page.
  • Select the resource instance by clicking on the radio button to the left of the instance name.
  • Click button Place Resource on Page to add the resource instance to the container.

 

Creating a New Resource Instance and Adding It (on the fly) to a Page:

  • In the Explorer dialog box, click on the Create New button.
  • Fill in information about the new resource instance
  • Click Save.

The Layout Manager offers some advanced functionality which may or may not be applicable for your business needs.

 Using Advanced Layout Options:

  • Click on the Advanced Options link in the Layout Manager palette.
  • Complete one of the following advance layout changes:
    • To change the physical structure of the page (columns/rows configuration), click on one of the graphic depictions best matching your layout intention.
    • To hide the header and footer of the web page, click on the checkbox Hide.
    • To change the style sheet for the page (if additional style sheets were made available to you by the vendor), click on the drop-down list box, and select the style sheet desired.
    • To add a background image to your page (typically used for static image banners), click on the Browse button, and select a file for use.
  • Click Save to apply the advanced layout changes.