Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
 


Panel
bgColor#f9f9f1
titleColor#f9f9f1
borderWidth0px
titleBGColor#bc4526
titleOn This Page

Table of Contents




 

Note:

The sections in this page has video tutorials in the bottom of the page. If you do not understand the written text and use the video as reference.


The Page Sections Tab

Page Sections are logically arranged groups of Fields.

Page Sections should be configured so that they provide Editors with a clearly structured set of fields, which can can be used to create a certain section of a Page.

 


Space Admins must configure the Page Sections available in the Space before Editors begin to add and edit content in The Page Editor.

When an Editor first edits a blank Page's content, they will need to add a Page Section to the Page.

If no Page Sections have been configured, the Editor will not be able to add any content to the page.

 


Info
titleExample

A magazine publisher uses the Content Carbon Editor to produce content for their print magazine and magazine app.

A Space Admin has already set up a number of Field types in the Space administration view, including Fields for Headline, Deck, Byline, Lead paragraph, Body Paragraph, and Caption.

The Space Admin knows that most of the articles in the magazine begin with a hero section that contains a headline, deck, and byline.

They know that Editors will frequently need to add these sections to pages in this particular order.

Therefore, they create a Page Section called Hero, which contains Headline, Deck and Byline fields.

They also create several other Page Sections that commonly occur in their magazine's content.

Editors then add these sections to their Pages, in order to create structured and consistent content.

 

 


The Page Sections tab contains a list of the Page Sections available within the Space.

Space Admins can add, delete, and manage the Page Sections available within the Space, from within the Page Sections tab.

Accessing the Page Sections Tab

To access the Page Sections tab for a Space:

  1. Click your current Organisation's name in the top navigation bar.
  2. Under Swap Organisation, choose the relevant Organisation from the list.
    You will be taken to the Organisation view.
  3. Under the Spaces heading, click the name of the relevant Space.
  4. Click the Space name in the top navigation bar, then click Administer "Space Name".
    You will be taken to the Overview tab of the Space's administration.
  5. Click the Page Sections tab.

 



Add

Create a Page Section Type

Info

Before adding Page Sections, ensure you have configured the necessary Field Types.

See Space Administration - Field Types.

To add a new type of Page Section:

  1. Click the Add a Page Section TypeCreate button.
  2. Enter a Name for the Page Section type.
  3. Click the Save button.
  4. On the next page, add the Fields you wish to contain in the Page Section, in the same way you add fields in The Page Editor.
  5. Once you have added all the relevant fields, you can further edit the Page Section by re-ordering the Fields, and editing the default content.
  6. Finalise the Fields and the default content they contain, then click the Done button.

The Field Type will be created, and will be displayed in the list. 



Delete a Page Section Type

To delete a Page Section type:

  1. Locate the Page Section in the list.
  2. Click the arrow in the Actions column to open the Actions dropdown menu.
  3. Click Delete.
  4. Confirm you want to delete the Page Section by ticking the confirmation box.
  5. Click the Delete button.

The Page Section will be deleted, and will no longer be available for Editors working within the Space.

Any pre-existing uses of the Page Section will be preserved.

 



Manage Page Section Types

Space Admins can also manage the Page Section types within the Space.

Management functions include editing default content, editing HTML Layout, renaming, and moving Page Section types.

Edit Default Content

Note

Any changes that are made to a Page Section type will not apply retroactively. Making a change to a Page Section type will not affect any instances where the Page Section was previously used in a Page.

The default content for a Page Section type will be included as placeholder content when an Editor adds the Page Section to a Page.

To edit a Page Section type's default content:

  1. Locate the Page Section type in the list.
  2. Click the Edit default content in the Actions column.
  3. On the next page, edit the default content for the Page Section.
    You can use the text formatting tools, as per the process for editing content in The Page Editor.
  4. Finalise the Page Section type's new default content, then click the Done button.

Edit HTML Markup

Each Page Section type can have custom HTML markup applied to it, allowing for more finely-tuned styling upon export.

Note

Editing HTML markup is only recommended for advanced users.

Custom HTML markup overrides the standard Content Carbon Editor HTML output.

Entering invalid markup may cause content to display incorrectly, or to not display at all.

For more information on custom HTML markup, see Using Custom HTML Markup.

To add custom HTML markup for a Page Section type:

  1. Locate the Field type in the list.
  2. Click the arrow in the Actions column to open the Actions dropdown menu.
  3. Click Edit HTML.
  4. On the next page, add your HTML Markup.

  5. Finalise the Field type's new HTML layout, then click the DoneSave button.

Rename a Page Section

To rename a Page Section type:

  1. Locate the Page Section type in the list.
  2. Click the arrow in the Actions column to open the Actions dropdown menu.
  3. Click Rename.
  4. Enter the new name for the Field type.
  5. Click the Save button.

The Field type will be renamed.

Pre-existing uses of the Field type, using the old name, will be preserved.

Reorder Page Sections

To move a Page Section type up or down in the Page Section types list:

  1. Locate the Page Section type in the list.
  2. Click the arrow in the Actions column to open the Actions dropdown menu.
  3. Click Up or Down.
  4. The Page Section type will be moved in the list.
 
  1. .


Video Tutorials

Watch the video tutorial that follows the guide.

Accessing the Page Sections Tab

The video shows the steps to access the page sections tab once the user is in the relevant space.

View file
nameAccesing Page Sections Tab.mov
height250

Create a Page Section Type

View file
nameAdd a section type.mov
height250

Delete a Page Section Type

View file
nameDelete a Page Section Type.mov
height250

Edit Default Content

View file
nameEdit Default Section content.mov
height250

Edit HTML Markup

View file
nameEdit HTML markup Section.mov
height250

Rename a Page Section

View file
nameRename page section.mov
height250

Reorder Page Sections

View file
nameReorder Section types.mov
height250