Using the Drupal formatting toolbar

This guide will help you use the formatting toolbar to style your page.

The Drupal formatting toolbar is used in many different locations when adding and editing content.  There are several sections of the toolbar.

Formatting

  • Bold - Bolds any text you have selected.  You can also use the Ctrl-B keyboard shortcut
  • Italics - Italicizes any text you have selected.  You can also use the Ctrl-I keyboard shortcut
  • Subscript and Superscript - Will move format the selected text as a super or subscript
  • Additional Characters - Clicking this gives you a window to select from a large collection of symbols that don't appear on your keyboard.

Links

  • Create Link - Select text that you would like to link to another page and then click this icon to indicate the url.  If you are linking to a page on another site, be sure that you include the http:// at the front of the URL.  To create an email link, add mailto: in front of the email address (ex. mailto:atlas-web@illinois.edu).
  • Remove Link - place your mouse anywhere in the linked text and click this icon to remove the link.

Structure

  • Bulleted List - This will turn all selected text into an un-numbered list.  You can select multiple rows and convert them with a single click.
  • Numbered List - This will turn all selected text into a numbered list.  You can select multiple rows and convert them with a single click.
  • Tables - Clicking this icon will prompt you for the starting size of your table.  Once the table is created, you can add or remove rows and columns with these right-click options
    • Cell - Operations for a single Cell
      • Insert Cell Before/After - Inserts a new cell to the left (before) or right (after) of the current cell.  This can cause some issues and usually you should insert an entire row or column
      • Delete Cell - Deletes the current cell
      • Merge Cells - This option is only available if you select several adjacent cells.  It will merge all the selected cells into a single cell spanning several rows or columns
      • Cell Properties - Allows you to set additional options for a cell including dimensions, alignments, and colors.
    • Row - Operations for the entire current row
      • Insert Row Before/After - Inserts a new row above (before) or below (after) the current row.  If you have any cells that span columns in the row you selected that same structure will be copied to the new row.
      • Delete Row - Deletes the current row and shifts other cells up
    • Column- Operations for the entire current column
      • Insert Column Before/After - Inserts a new row left (before) or right (after) of the current column.  If you have any cells that span rows in the column you selected that same structure will be copied to the new column.
      • Delete Column - Deletes the current column and shifts other columns left
    • Delete Table - Removes the entire table from the page.
    • Table Properties - Calls up the original dialog allowing you to change the number of rows and/or columns

Media

Image UploadImages - Clicking the image upload icon brings up a new box with several options.
    • Image (Choose File) - Click the Choose File button and select the image you want to upload from your computer
    • Alternative Text - For non-sighted uses, images can be confusing.  The Alternative Text field allows you to give some descriptive text to describe the image with words.
    • Align - This controls how the image interacts with the rest of the content of the page.  Choosing None will leave the image in the flow of the text, but if you choose Left or Right will put the image to the left or right of the text and let the text flow around it.  The Center option will center the image on the page and put the text above and below it.
    • Caption - Checking the caption box adds a text field just below that you can use to add a caption.
    • Right-Click - You can right click an image you've already inserted to get back to this menu to make changes.
  • Files - Attaching files to a page works similarly to links.  You can select text in your page before clicking the icon to make the text link to the file, or you can just click it and it will insert a link using the file's name.  After clicking the Files icon, choose the file from your machine that you want to upload.


Additional Options

  • Undo/Redo - Clicking these buttons will either undo or redo recent changes.  These will not work after you've saved the page
  • Show Blocks - This button will show you the underlying structure of your page.
  • Source - If you're more comfortable making changes in HTML, or you need to do something that the built-in functions don't allow you to, you can switch to HTML Source mode.  Be aware that not ALL HTML tags and options are accepted.  If you need additional options, contact atlas-web@illinois.edu.

Formatting

  • This dropdown allows you to select the formatting for the text to either be Normal (the option you'll use for the bulk of your page) or Heading 2-6.  The heading levels are a good way to organize your content.  The Heading 1 level is reserved for the page title.



Keywords:Drupal websites   Doc ID:70112
Owner:Nate B.Group:University of Illinois Liberal Arts and Sciences
Created:2017-01-20 16:10 CDTUpdated:2017-06-30 17:05 CDT
Sites:University of Illinois Liberal Arts and Sciences
Feedback:  0   0