New York University Skip to Content Skip to Search Skip to Navigation Skip to Sub Navigation

Edit a Page

Open a Page

To begin adding or editing content on a page, you must first open the page on which you wish to work. Do the following:

  • To Open a Parent Page
    In the left-hand Navigation pane, double-click on the parent page's icon. The page will open, by default, in Edit mode.
  • To Open a Child Page
    In the left-hand Navigation pane, click on the + sign to expand the parent page. You will see each child page listed. To view the page:
    • Double-click on its page icon, or
    • To see each child page listed in the right-hand Details pane, click once on the parent page icon. Then, to view the page, double click on its name. Users may also right-click on the page in the right-hand side Details pane and select Open. The page will open, by default, in Edit mode.

In page Edit mode, the left-hand Navigation pane is replaced by the Asset Tray, a listing of all existing content types in the CMS repository. The Sidekick floats on top of your page and holds components, properties, and other editing tools. 

Note: After you have opened a page, you can navigate to and edit other pages within your content area by clicking their links in the page navigation.

Screenshot of a page in Edit mode

Example of a page with assets in the left-hand Navigation Asset Tray and the Sidekick floating on the right.


Add Content to a Page

The page template is subdivided into sections to which you may add various types of content. Available sections are surrounded by dashes and are labeled Drag components or assets here. See our tutorial on Adding a Component for detailed instructions.

  1. Use the Sidekick to select the component for the type of content you wish to add to the highlighted section. For example, select the "Rich Text" component to add a block of text to the page.
    Alternately, you can right-click on the section and select New OR double-click on the section and an "Insert New Component" window will open with a list of the available components for that section. When you select your component, its dialog window will open allowing you to add in your content.
  2. Drag the selected component into the section.
  3. Double-click on the component icon to open an Edit dialog window that allows you to insert your content. You may also right-click on the component and select edit.
  4. Add the appropriate content type for your chosen component. Take note of any required fields marked with an asterisk (*) and any additional tabs that may contain input fields.
  5. Click the OK button to finish.

Note: When adding an image or other media-based components, you must first upload and activate digital assets to use use within your unit's DAM folder or utilize assets from the shared DAM folder.


Dealing With Empty Spaces

White Space

White Space

The use of white space is important in layout. Emptiness allows objects to be seen and the clever use of white (or more precisely, lighter) spaces helps the more contrasted and outlined elements show themselves and vice versa.

What is a lighter space?

  • If a layout contains harsh contrast (images with hard colors, big text elements, graphically complex parts) then a dense block of text may also be considered as a light space, because it will automatically shift to a lesser optical value.  
  • On the other hand, if the page is already light in contrast (has couple of headers and maybe one small image), then a dense block of text looks much more prominent and we have to watch its placement and size. 
  • Empty spaces are also part of lighter space, and can be used to balance the layout of a page. However, they should be used sparingly and with purpose.

Sometimes the content spreads in a way where it leaves empty spaces.  What can be done when there is:

Too much content?

  • Remove, model or shorten some content in order to obtain a more balanced layout.  

Not enough content?

  • Think of related topics, news or events, maps or secondary content that may be useful to the main subject.

Empty space scattered throughout the page?

  • Use 1- or 2-column small elements to fill them.
  • Extend the wording in your text content. 1 or 2 words sometimes can make all the difference.

How To Use the CMS

 

Definitions

  • Assets: Assets refer to the digital media that you can add to your pages, such as images, videos, audio, and PDF files. The CMS has a built-in Digital Asset Management (DAM) system to which you can upload these files or access pre-loaded content.
  • Asset Tray: The left-hand Navigation pane in Edit mode that displays and allows authors to search for DAM assets. Assets are then dragged and dropped into appropriate fields when editing components on your page.
Screenshot of finding assets within the Asset Tray

Example of the finding assets within the Asset Tray in top left corner of a page in the Edit mode.

  • Column Control: Since content is arranged on pages in columns, the Column Control component allows you to split larger spaces into smaller columns. The Column Control component provides you with available options for splitting up the space and from there you can create, delete, or move content within each of the columns.
  • Components: A component is a specialized content container. Components are reusable modular units that are building blocks of your page. The component gets added to your page template and will display content in a particular way or for a particular purpose. For example, adding in a rich text component will present text only and whereas an image component would define a section of the page to display an image only.
  • DAM: DAM is an acronym for Digital Asset Management. The DAM is a repository for uploading and accessing digital media to be used within the CMS.
  • Sidekick: The Sidekick is a floating toolbar. It contains all the available component options for your page, separated into component groups (though not all components may be added to all templates). The Sidekick also lets you perform various actions such as previewing or activating (publishing) a page, and provides shortcuts to other areas of the CMS.
    • Pencil icon - Switch to edit mode
    • Magnifying glass icon - Switch to preview mode
    • Paper icon - Switch to scaffolding mode to change Page Title or add tags
    • Globe icon - Return to site admin
    • Arrow icon - Reload the page
Screenshot of a sidekick

The sidekick with icons on the bottom for different modes.

  • Template: A template is a formatted design which defines the look and feel of a page. Our templates are based on a 5-column grid layout.
NYU Footer