Paragraph Page

The Paragraph Page content type is used in the new College theme known as Larch. This page type has a few new options (Paragraph Types) for the page layout. 

Features

Label Fields

Each of the new paragragh types has a Label field.  This label field is used to help you find your content in the edit screen, it is NOT displayed on the published page for your end users to see. When you have multiple paragraph elements on a single page and they are all in the closed status, the labels make it easy to find the specific section of your page that you want to edit.

Paragraph Types

Larch picbox grid

Larch vertical tabs

Larch Adjustable Column

Viewfield

 

text here

Global Settings

All images will automatically be cropped to the same size. Adding images is the only Required field for a picbox.  Depending on how you want your page to look, there are many options that can be used, or not used, to change the look and function of this tool.

Header

The Header content is displayed above your grid.  Adding content to this field is optional.  In the example above the text "RESEARCH & EXPERIMENT STATIONS" is added in the Header field

Maximum columns

This option lets you determine if you want 2, 3, or 4 picboxes to appear in each row.  In the example above this is set to 3.

Individual Picbox Settings

Each picbox has a label field so that you as the editor can easily identify the content without having to open up the editing portion of the screen.

Clicking on the Picbox details heading will open up the screen to edit the content for that specific Picbox.

Headline

Adding text here will overlay the text on the top of your image.
In the example above "Asoria | Seafood Research & Education Center" was added to this field in the first Picbox.
Entering content into this field is not required.

Link

If you want your image to link to additional content you would enter that URL here. Entering content into this field is not required.

Picbox Image

Click Browse to upload an image or select one from our library of photos using the Media Browser pop-up widow. Adding an image to this field is required. You will need to add an image here before you are able to save your page or add another Picbox to the page.

When uploading an image, you will now see an option to set a "Focal Point" for the image. Moving the white cross hairs on the image will let you set the focal point for that image and this will determine how the image is cropped.

Description

If you want text to appear below your image in the grid you would enter it here.
In the example above "Production and use of food products from the ocean and estuaries" was added to this field in the first Picbox.
Entering content into this field is not required.

Adding/Removing Picboxes

Adding: Below your last Picbox you will see a button for [Add another item].  Clicking this button will add another picbox to your page.

Removing: Below each Picbox is a red button that reads [Remove].  Clicking this will remove that individual Picbox from your page.

Rearranging: You can drag and drop your individual Picboxes to rearrange the order that they appear in your grid.

Global Settings

Label

The label is used in the editing screen to help you identify what content you have in the paragraph section

Each picbox has a label field so that you as the editor can easily identify the content without having to open up the editing portion of the screen.

 

Individual Picbox Settings

 

Clicking on the Vertical tabset heading will open up the screen to edit the content for that specific Vertical Tab.

Tab Title

The title you enter here will appear as the lelft menu bar for the Vertical Accordion menu

Tab Contents

The content you enter here will display when the Cooresponding title has been clicked by the end user.

Adding/Removing Tabs

Adding: Below your last Picbox you will see a button for [Add another item].  Clicking this button will add another tabto your page.

Removing: Below each Picbox is a red button that reads [Remove].  Clicking this will remove that individual Tab from your page.

Rearranging: You can drag and drop your individual Tabs to rearrange the order that they appear in your grid.

The Viewfield lets you select from a list of predefined "Views" to display.  The display will span the entire width of the page.

row settings

editing instructions here