Portfolio Pages: Adding One Image, Multiple Images, PDF, and Changing Layout

Tags PSU

How to add multiple and singular images, a PDF and change the layout.

Here is a video on How to add single images, multiple images and PDFs:

Here are the written instructions on How to add single images, multiple images and PDFs:

  1. Login to myPlymouth.
  2. Select the myCoursestab and the myCourses window appears.
  3. In the right column of the window, in the myLearningsection, click on Mahara (ePortfolio) You will now be looking at your Mahara portfolio's homepage.
  4. Click on Main Menuin the upper right side of the dashboard page.
  5. Click on the down arrow next to Create
  6. Click Pages/Collectionsunder the Portfolio tab.
  7. Select the page you want to edit and click the page name
  8. Click the Pencil Icon button (edit mode) in upper right side of the screen.
  9. Depending if you want to place a single image or multiple images on the page, here are block type names and where to find them:
      1. Image: This is for displaying a single image block. This is the first in the block type list on left side of screen.
      2. Under the Media block type, select Image Gallery: This is for displaying multiple images in one block.

    Placing a block type on a portfolio page:

    When you see your cursor turn into a crosshairs symbol hovering over the PDF block type, you can drag and drop the PDF block type into any area on the page that appears with dash lines and filled with a light color as the cursor hovers over the area. Something like this: . Once you drop the block, the PDF block type selection screen will open up.

    OR

    you can click on the block type and a window will open up to ask you where you want to position the block. After selecting the location, click the "Add" button to complete the location and the block type selection screen will open up. Most people prefer the drag and drop feature.

    Filling out the "Image" block type configuration window:

        1. Change the title of the block or to "no title" by deleting the existing title text.
        2. Select the image file you want the viewer to see by clicking the Check Mark button to the right of the file name. Only image files (like jpeg, png, etc) will be displayed to choose from. Or you can upload a file from your computer and it will automatically be selected.
        3. If Comments are ON, click the pencil icon and the Edit file screen will open. Here you can change the file name, give a description to the file and turn comments OFF. Click the Save changes button this will save any edit changes to the file.
        4. Click the Show Description to ON if you want an image's description to show to viewers of the page. The default is OFF.
        5. The Width is rarely used. Use it if you want to change the size of the image to be smaller within the size of the column/row size. The default is the size of the column/row of placement.
        6. Retract the block manually, automatically or never (default). After you save your changes, test the retractable option by clicking the Display Page tab under the page title. Click the Edit button in the upper right side of screen to get back into "Edit" mode.
        7. Click the Save button when done.

    Filling out the "Image Gallery" block type configuration window:

        1. Under the Media block type, select Image Gallery: This is for displaying multiple images in one block.
        2. Click the radio button next to the option you want under the Image SelectionThe options available are "display all images from one of your folders", "choose multiple individual images" (best option and most flexible) or "display images from an external gallery".
        3. Click the radio button next to the option you want under the Style The options are either Thumbnails (Square - this is the default) or Slideshow (best option and most professional looking).
        4. If you give your image a description, by editing the file, it will show like a caption underneath the picture by clicking Show descriptions to Yes.
        5. If you decide to use thumbnails you can place a frame around each photo by clicking Use photo frame to Yes.
        6. You can alter the width size by changing the number within the width field.
        7. Retract the block manually, automatically or never (default). After you save your changes, test the retractable option by clicking the Display Page tab under the page title. Click the Edit button in the upper right side of screen to get back into "Edit" mode.
        8. Click the Save button to save your configuration.

    Filling out the "PDF" block type configuration window:

        1. Change the title of the block or to "no title" by deleting the existing title text.
        2. Select the PDF file you want the viewer to see by clicking the Select button to the right of the file name. Only PDF file will be displayed to choose from. Or you can upload a file from your computer and it will automatically be selected.
        3. If Comments are ON, click the pencil icon and the Edit file screen will open. Here you can change the file name, give a description to the file and turn comments OFF. Click the "Save changes" button this will save any edit changes to the file.
        4. Retract the block manually, automatically or never (default). After you save your changes, test the retractable option by clicking the Display Page tab under the page title. Click the Edit button in the upper right side of screen to get back into "Edit" mode.
        5. Click the Save button when done.

Details

Article ID: 2734
Created
Fri 10/2/20 5:11 PM
Modified
Wed 10/14/20 8:13 PM
Applicable Institution(s):
Plymouth State University (PSU)