print header

MyBlugold: Using Web Parts

MyBlugold Publishing Pages use Web Parts to display a variety of content. The most commonly used Web Parts are used to display editable text, lists and libraries. This page describes the various features of Web Parts and how they are used, focusing on the Content Editor Web Part, since it is the most basic and versatile Web Part.

This assumes that you are using the MyBlugold Page Layouts - One Column layout on a Publishing Page, although the same principles can be applied anywhere you can insert a Web Part.

Adding Web Parts

  • Browse to the page you wish to edit and switch to Edit mode:
    • Select Site Actions >> Edit Page, or use the edit icon edit Icon to the left of the browse icon

  • Select Add a Web Part
    • Note: There are six Web Part areas in the custom One Column layout below the rich content area. In the Two Column layout, there is only one Web Part area in the right sidebar. For extra versatility, Web Parts can also be added to rich content areas.

  • A selection bar will appear at the top of the page. Use the Categories column to narrow your search for Web Parts. Once you select a category, the Web Parts column displays options for that category. A description of the selected Web Part will appear in the About the Web Part column

  • Once you have selected the appropriate Web Part, select Add (found on the lower right-hand area beneath the selection bar)

  • NOTE: An area labeled Add Web Part to: allows you to select a different location for the Web Part on the page

web part selection bar

  • To display text with editable HTML content, select Media and Content from the Categories column, then select Content Editor from the Web Parts column and Add

  • To display a list or library on your page, select Lists and Libraries from the Categories column, then select any available list or library from the Web Parts column and Add

  • To display a larger image on your page, it would be better to use one of the pre-defined regions on the page

  • To display a smaller image, please see the help pages on use of images

  • Your Web Part will be added to the page

Editing Web Parts

Many of the editable properties of the Content Editor Web Part are used in other Web Parts as well. Since they are the most commonly used, they are a good place to begin learning about Web Parts.

The first step in editing the Content Editor Web Part is to adjust the display settings.

  • EditWebPartsWhile in Edit mode on your page, hover over the tan title bar in the Content Editor Web Part and a down arrow will appear in the upper right hand corner

  • Select Edit Web Part from the dropdown

  • The Edit Web Part property box will appear at the top right-hand side of your screen. You may have to scroll up to view it

  • Select the plus and minus icon in each section to view and hide options

  • The Content Link area can be used to have the Content Editor link to a text file
  • This is used to modify the Title (the text that appears in the tan title bar), Height, Width and Chrome Type

  • Chrome Type is used to modify the appearance of the Web Part
    • Changing this option to None will make your Web Part display only the content without the tan title bar on top

    • This field is normally set to Default, but most will choose Title and Border
  • Under Layout, if Hidden is checked, the Web Part will not be shown when the page is viewed

  • Direction refers to the text's direction- either being right to left or left to right

  • The Zone Index contains a number that refers to this particular Web Part's position relative to the other ones in its Web Part area

  • For example, one Web Part with Zone Index equal to 1 will be displayed on the page above one with a Zone Index equal to 2

  • NOTE: These numbers do NOT need to be their exact index value. For example, two Web Parts with 1 and 2 as their Zone Index values would function the same as two with 12 and 66 as their values

    • Under Advanced, there are a number of high-level controls, few of which are very useful for designers

    • Apply changes by selecting OK or Apply

Your second step is to add content to the text area of the Web Part.

  • Select Click here to add new content

  • Type your content and use the editing tools to highlight, emphasize and make links as needed

  • When you are done, publish your changes

editing tools