Working with Images

The Studioware 2.0 Text Editor, quickly and easily allows you to upload, rearrange, resize, and remove images from your content.  
 
There are a number of different ways to get the image to appear in the text editor.  The easiest way to insert an image is to simply copy an image from a source (such as an image you find on google images), and paste the image in the Studioware 2.0 Text Editor.  This will automatically upload the image to Studioware, and add the image into the editor.
 
On a Windows PC, you can right click on the Studioware 2.0 Text Editor and select "Paste" from the pop-up menu.  Alternatively, you can press Ctrl-z on your keyboard to paste.
 
Also, you could click on the Image Toolbar Button to insert an image into the text editor.  The image toolbar button is as follows:
 
 
The image toolbar button opens a pop-up window:
 
If the image you want to include is on the internet, you can enter in the web address (or URL) of the image and click on the "Ok" button.
 

File Manager

Studioware 2.0 contains a File Manager.  You can upload images, PDF, documents, and more to Studioware 2.0.  These images, PDF, and Documents can be used in emails, business portal pages, and the class brief and full descriptions.
 
Click on the Browse Server in the above image pop-up window to access the file manager.  The file manager appears as follows:
 
The File Manager allows you to add, edit, and delete folders to help you organize you content, and upload images and files to be used in the Studioware text editor.  The main toolbar buttons on the file manager are: 
 
 
Next, you would double click on the image you would like to add to the text editor, and the link will be added to the URL input on the image Properties.
 
 

Image Properties

Double click on an image within the text editor to display the image properties.  Within the image properties,  you can set the alternate text, the image width and height (although these values are automatically insert when you add an image from the file manager), the image Alignment, and Captioned Image
 
We advise not to use the "Captioned Image" because it does not display correctly in all browsers.
 

Removing an Image from the Text Editor

To remove an image from the content, simply click on the image once to select it, and press the Delete key on your keyboard.  
Remember, you can always use undo if you made a mistake and accidentally deleted an image.  The undo (or Ctrl-z on a windows PC) will  undo the last action.
 

Resizing an Image

You can resize an image by specifying the height and width within the image properties pop-up window.  This is convenient if you have multiple images and you need to make them all the same size. 
 
You may need to turn off the Lock Ratio to be able to set both the height and width of an image:  
 
The other alternative to resizing an image is to use the image drag box.  Here's how the image drag box works:
  1. Add an image to the Text Editor
  2. Hover your mouse over the image.  Notice that a yellow border surrounds the image when you mouse is over the image.
  3. In the lower right corner of the image, you will see a black box.  Please note, this black box will only be shown if you mouse is hovering over the image.
  4. Move your mouse to the black box in the lower right corner of the image.
  5. You can drag the black box in the lower right corner of the image to resize the image.  
 
 
 
 

Add Feedback