Support

Working Elements: Images, Shapes, Tables, Charts, Swf and Video files

As discussed in the Welcome to the SlideRocket Editor guide, the Element Properties Panel appears in place of the Slide Properties Panel when an element on a slide is selected (otherwise the Slide Properties Panel is displayed). It offers four tabs with the following options: Slide element chosen (text, picture, flash, video, shape, chart, table or plugin), Styles, Effects and Builds. For the purpose of this guide, the first two tabs will be covered in detail:

  • Text, Picture, Flash, Video, Shape, Chart, Table or Plugin: The first tab is specific to the element that is selected, but can include resizing, reformatting, volume selection and more
  • Style: Allows users to format the color, fill, stroke, etc. of the selected element

Text

When a text box is selected on the slide canvas, the Element Properties Panel will appear. Use the options in the Element Properties Panel to make changes to the formatting (font, size, color, etc.) of selected text.

  • Double-click and/or drag within the text box to select some or all of the text. The text box will be outlined with an orange box, indicating that any changes made from the Element Properties Panel will be applied only to the selected text.
  • Click once on the text box and it will be outlined with a blue box, indicating that the entire text box is selected and any options chosen from the Element Properties Panel will be applied to all of the text inside the box.

Picture

To add a Picture to a slide:

  1. Click on the insert Picture button in the toolbar
  2. Select the image from the Asset Library, MarketPlace, Flickr or upload from the computer
  3. Click Ok
  4. Once the image is on the slide, click it once to open the Element Properties Panel. Use the Picture tab of the Element Properties Panel to make changes to the image, aspect ratio, fill, and other picture-specific settings
  • Change Image…: Replace the picture file with another file from the Asset Library
  • Preserve aspect ratio: Preserve the original aspect ratio of the asset when scaled
  • Smoothing: Improve image quality when scaled
  • Reset original size: Reset the image to its original file dimensions
  • Fit to canvas: Scale the image to fit within the canvas
  • Fill canvas: Stretch the image to fill the entire canvas

Flash

To add a Flash video, also called a SWF file, to a slide:

  1. Click on the insert Flash button in the toolbar
  2. Select the SWF from the Asset Library or upload from the computer
  3. Click Ok
  4. Once the SWF is on the slide, click it once to open the Element Properties Panel
  • Change asset...: Replace this Flash file with another Flash file. SlideRocket supports SWF files
  • Playback Framerate: Specify the speed of the Flash animation in frames per second. Please note that this change will override the framerate of the SWF file and the framerate will only be modified when playing the SlideRocket presentation, not when editing the slide

Size Constraints

  • Preserve aspect ratio: Preserve the original aspect ratio of the asset when scaled
  • Align: Align asset within its placeholder
  • Reset Size: Reset the asset to its original pixel dimensions
  • Fit to Canvas: Scale asset to fit within the canvas while preserving its aspect ratio
  • Fill Canvas: Scale asset to fill entire canvas while allowing stretching either vertically or horizontally

Interactivity

  • Allow SWF to handle clicks: Allow an interactive Flash movie to receive mouse clicks during playback of the presentation (interactivity will not work in the Editor)

Advanced

  • Preload SWF: Set whether the SWF is preloaded prior to being displayed. If this setting is not checked, the SWF will not appear in the transitions or builds

ADVANCED NOTE: If this setting is checked for SWFs containing audio, the audio may start playing on the previous slide before any builds or transitions are added to the new slide

Video

To add a Video, also called a FLV file, to a slide:

  1. Click on the insert Video button in the toolbar
  2. Select the video from the Asset Library or upload from the computer
  3. Click Ok
  4. Once the SWF is on the slide, click it once to open the Element Properties Panel
  • Duration: SlideRocket attempts to automatically display the length of the video in minutes and seconds
  • Video Dimensions: SlideRocket attempts to automatically display the dimensions of the video in pixels
  • Playback
  • Play: begin playback of the video in the editor
  • Pause: Pause playback of the video in the editor
  • Rewind: Rewind the video to the beginning in the editor



  • AutoPlay: Determines whether the video automatically starts playing during playback or if the user must click the slide with the mouse to start playback
  • Loop: Determines whether the video loops during playback
  • Buffer: Set the number of seconds the video should buffer, or preload, before it begins to play. Users may need to set this number higher if they have a large video and a slow internet connection
  • Show Controller: The Video Controller provides options to play, pause, and rewind the video when watching the presentation
  • Never: The Video Controller is never displayed during playback of the presentation
  • Always: The Video Controller is always displayed during playback of the presentation
  • On Rollover: The Video Controller is displayed when you use the mouse to roll the cursor over the video during playback. The Video Controller is hidden when the cursor is moved off of the video
  • Volume: Allows user to adjust the volume of the video

Shape

To add a Shape to a slide:

  1. Click on Shape in the toolbar
  2. Select desired shape
  3. Click the mouse on the location within the slide that you want the shape to appear
  4. Once the shape is added to slide, click on it to show the Element Properties Panel
  5. Use the Shape tab in the Element Properties Panel to adjust how text will appear inside the shape
  6. To add text to the shape, just click on it and start typing

  • Use the Styles tab in the Element Properties Panel to make changes to the color or Fill, Opacity and Stroke of the shape

ADVANCED NOTE: Some shapes have on-screen controls for customizing appearance and dimensions. The star shape can have more or less points depending on the direction the arrow is moved on the scale slider.

Located in the top point of the star is a blue circle. Dragging this handle allows users to set the distance between the center of the shape and the edge.

Chart

To add a Chart to the slide:

  1. Click on the Chart button in the toolbar
  2. Select the Chart Type
  3. Once the chart is added, the Chart Type can be changed in the Element Properties, along with features specific to that chart

Chart Type: To change the chart type:

  1. Click the Chart Type selection pull-down menu
  2. Select a different Chart Type. All of the existing chart data will be preserved in the new chart type

Edit Chart Data

The Edit Chart Data menu can be accessed by either clicking the Edit Chart Data button or double-clicking the chart on the slide canvas.

To enter data for the chart, click on the cell and enter a value:

  • Add Series: Add additional columns of data
  • Add Row: Add additional rows of data
  • Delete Row: Remove a row from the chart
  • Delete Column: Right-click on the column in the title area and select delete
  • Click the color swatch at the top of each series to change the color

Legend

By default, the Legend will be hidden on the chart.

  • None: The legend is not displayed (this is the default value)
  • On Right: The legend is displayed to the right of the chart
  • On Left: The legend is displayed to the left of the chart
  • On Top: The legend is displayed above the chart
  • On Bottom: The legend is displayed below the chart

Data Options

Data Options will be specific to the chart type selected.

  • Show data tips on roll over: Display data values when mouse is moved over the chart during presentation playback
  • Data Label:
    • None: by default the data values do not show on the chart
    • Outside: shows data value outside the chart marker
    • Inside: shows data value inside the chart marker
  • Multiple Series
    • Clustered: The chart plots are side by side
    • Overlaid: The chart plots are overlapping on top of each other
    • Stacked: The chart plots are stacked on top of each other
    • 100%: The plot points are stacked on top of each other to fill 100 percent

ADVANCED NOTE: Multiple Series will only show in Column and Area charts. Data Labelshows for all charts, except Plot.

Axis Styles

There are several options to customize the Axis Styles within a chart.

  • X-axis title: Puts a title on the horizontal axis of the chart
  • Y-Axis title: Puts a title on the vertical axis of the chart
  • Show X-axis Grid Lines: Turns on/off X-axis grid lines
  • Show Y-axis Grid Lines: Turns on/off Y-axis grid lines
  • Set value range automatically: Determines minimum, maximum and interval lines based on the values in the chart
  • Set value range manually: You fill in the values using the options below:
    • Minimum: The minimum value of the Y-axis
    • Maximum: The maximum value of the Y-axis
  • Interval: The interval of the Y-axis grid lines

Pie Chart Options

Since the Pie Chart does not have the traditional axis, this chart has a special set of options

  • Start angle: Sets the starting point of the chart
  • Inner radius: Sets the inner space in the circle
  • Explode: Sets the space between wedges and series
  • Wedge Color: Allows the user to change the color of the selected wedge

Table

To add a Table to the slide:

  1. Click on Table in the toolbar
  2. Use the arrows to increase or decrease the number of columns and rows
  3. Click Create Table to add the table to the slide canvas

  • Columns: Increase or decrease the number of columns
  • Rows: Increase or decrease the number of rows
  • Cells Gutter: Increase or decrease the space between columns and rows
  • Link to Google Spreadsheet: Links table to Google Spreadsheet for automatic updates
  • Refresh Google Spreadsheet: Updates the table to match the Google Spreadsheet

Linking a Table to Google Spreadsheets

Google Spreadsheets pull information from a published Google document into a table on a slide

  1. Create and format the Google Spreadsheet
  2. Click Publish now to publish it to everyone
  3. Copy the public URL
  4. Create a table in SlideRocket
  5. When the table appears on the slide, select it
  6. Click the Table tab
  7. Select the Link to Google Spreadsheet option
  8. Paste the URL of the Google Spreadsheet
  9. Press the Ok button when finished

ADVANCED NOTE:Users can use the Google Spreadsheet default format or choose to set it manually. Users can also choose to keep the SlideRocket table linked so that changes made to the Google Spreadsheet are automatically reflected in SlideRocket. Please be aware that Google has a five- to 10-minute delay before publishing changes, and SlideRocket will not recognize the changes within this time. If you do not keep the table linked, press the Refresh Google Spreadsheet button for a one-time update (just below the link to the Google Spreadsheet button in the Table properties).

Styles Properties

Style Properties are located in the second tab of the Element Properties Panel. The majority of the features here are the same for all elements.

General Controls

General Controls are the same for all elements.

Opacity

Sets how opaqueor see-through an element is.

More Options/Blend

Sets a variety of blends to the opacity.

Fill

Fill colors the element or placeholder with a particular color.

Stroke

The stroke is the outline of an element.

Text

Changes to Text apply to textboxes, placeholders, charts, shapes, tables or any other element that has text in it.

Selecting a Font

  1. Select either the entire text box (blue rectangle) or some of the text within the box (orange rectangle)
  2. Click the Font pull-down menu in the Styles tab of the Element Properties Panel. The Select Font menu will pop up on the slide canvas

  1. Click on a font on under Collections to view the associated fonts. The font will highlight green when selected and preview how the font will look by updating the text box
  2. Click on a Font to apply it to the text box

ADVANCED NOTE:Fonts in SlideRocket look the same on Windows, Mac, and Linux operating systems. Custom fonts can be uploaded for Business level users after the trial period. To upload a custom font during the trial, email support@sliderocket.com

Changing Font Size

  • Numerical Entry: Type a number into the Font Size box
  • Size Pull-down: click on the Font Size pull-down menu and select a size from the preset values
  • Increase Font Size: Click the Increase Font Size button (the large A with the up arrow) to increase font size by 4 points
  • Decrease Font Size: Click the Decrease Font Size button (the small A with the down arrow) to decrease the font size by 4 points

ADVANCED NOTE: Changes in font size may be applied either to the entire text box (blue rectangle) or only to selected text within the box (orange rectangle).

Font Style

Font Style refers to how the font appears in the text box. This can be edited in the Font Stylepull-down menu or using the quick key icons.

Using the Font Style pull-down menu, text can be changed to BOLD, ITALIC or BOLD ITALIC.

The menu quick keys icons:

  • B to make the text BOLD
  • I to make the text ITALIC
  • U to make the text UNDERLINED

Text Color

  1. Select either the entire text box (blue rectangle) or some of the text within the box (orange rectangle)
  2. Click on the text color swatch in the Styles tab of the Element Properties Panel
  3. Choose a color:
    • Click a color swatch in the color picker

Text Center Alignment

Aligns the text along the center of the box

Text Vertical Alignment

Aligns the text along the top or bottom of the text box

Bullets

The default themes come with two bulletstyles that users can apply to a text box

  1. Select either the entire text box (blue rectangle) or some of the text within the box (orange rectangle)

  1. Click the Theme Bullet Styles pull-down menu in the Styles tab of the Element Properties Panel
  2. Select the type of bullet to add by clicking on its thumbnail
  • Bullet List: The points and sub-points will all be traditional bullets
  • Numbered List: The points and sub-points will all be numbers

Spacing

  • Letter: Set the spacing between characters
  • Line: Sets spacing in pixels between lines
  • Paragraph: Sets spacing in pixels between paragraphs
  • Scale: Adobe Flash limits fonts to 127 pts. The scale slider allows users to scale a font larger if necessary

Margin

  • Indent: Set Spacing to the left of text
  • Left: Set Spacing to the left of text
  • Right: Set Spacing to the right of text
  • Top: Set Spacing to the top of text
  • Bottom: Set Spacing to the bottom of text

Advance

  • Force Case:
    • None: Keeps text as originally entered
    • Uppercase: Changes all text to upper case
    • Lowercase: Changes all text to lower case
  • Thickness: Sets thickness of characters
  • Sharpness: Sets sharpness of characters

Spell Check

  1. Right-click on a text box and select Check Spelling…
     
  2. Users will be provided with suggested corrections for any misspelled words
  3. Users may select a suggestion and:
    • Click the Correct button to change the spelling
    • Click Ignore to leave the word as it is, or
    • Click Cancel to quit spell check

  1. A pop-up box will appear when the spell check is complete

Start making great online presentations now!   Sign Up