Images, Inserting

Place Images in Your Folder

To upload images all at once and have them ready to insert in pages later, or to upload one image which might be used over and over on many different pages, first place the images in the folder containing the page where they will appear.

Open the folder which contains your page. In Contents mode, click Add New near the top right. On the drop-down menu, choose Image. This will open the Add Image dialogue box. Give the image a short title. Ideally, the title will remind you later that this is an image, that it belongs with a particular page, and that it is unique and different from all other images for that page in that folder. A good title will allow you to recognize the image quickly when you need to choose it later from among other items. If you wish, in Description add an optional image description (say, its size if you import the same image in several sizes). Next to the Image field, click Browse. This will open a "File Upload" dialogue box which lets you search the folders on your computer. Select the desired image. Click Open, then Save. This should open the screen "Info: changes saved." It should show the image title, and the options "Delete" and "Click to view full-size image."

In Contents, look at your image. Do you want it to be viewed by the public, without logging in? If so, click Change State, scroll down, and make it Public. Do you want it to be Private? If so, Change State > Private. The image privacy state must be at least as accessible as the state of the page where it is inserted! Otherwise, readers won't be able to see the image.

Also, if your folder already contains many items and if you want to add many images, then in that folder you can create a sub-folder called, say, "Images," and load all your images there for a more streamlined Contents view. It's good to arrange images in alphabetical order. That way when you are browsing this folder later to upload an image, you can find the title faster. To change order, see the FAQ "Order of items."

Insert Image in Your Page

Insert mode

On your page, place the cursor at the point where you would like the image to appear. On the green Kupu edit bar, click icon 12, "Insert image." This is a tiny picture of a tree, though in the Tech Support world it is known fondly as The Broccoli. Click on this to open the Insert Image dialogue box. This opens the Insert Image box, showing 3 panels.

Insert image box

Look just at the MIDDLE panel, the one labeled "Upload Image Here." This middle panel will show the location of your working page in the site. It will list folders (with a tiny manila folder icon), and/or folder items (images and documents, each with a round "radio" button to the left of its title). If the middle panel is empty, look at the left panel and click on the name of the website folder that is most likely to hold your image.

Did you give your image an intuitive, distinct name? Did you place it in the same folder as your page? Good, because that will help you select it quickly from the items in the middle panel. Click the radio button for that image. (Please don't click the TITLE LINK of the image. That choice, though logical, will go nowhere.) What if you don't see your image title? Try clicking the folder icon of the lowest folder in the list to open it and view its contents. You can also expand your search by clicking Parent Folder. At any level, "Parent Folder" will just take you to the next higher level. (Not to worry: Parent Folder won't whisk you away to the home page or anything like that.)

Upload Alternative: In case this is an image which is not yet uploaded to your computer, then in the bottom of the middle panel click "Upload Image Here" to open a right-hand panel with this message: "Select an image from your computer and click ok to have it automatically uploaded to selected folder and inserted into the editor." Use the browse button to find the image on your computer, select it, and click Open. This will upload to the current folder -- which is hopefully where you want it.I actually don't use this, because I prefer to be comfortably settled in my destination folder, with the title all typed in and ready, before selecting an image.

Image format box

Once you click the radio button for your image, the blank right-hand panel will show the title of your image. Below that, it will show a thumbnail version of the image, as well as the current privacy State for the image. It will allow you to choose the alignment of the image by clicking the radio buttons for Left, Inline (to insert amid text content), and Right. It will also allow you to checkmark the Caption box and add a caption. But, you know what? Caption can cause very wacky things to happen to your page alignment. We recommend that you UNcheckmark this box. Uncheckmarking his will give you a tiny scroll bar immediately to the right. Scroll down to the image title in the Caption box, and delete the title. You can always type in your own caption later as page text if necessary. Last, choose from among 7 different appearance sizes. Click OK. When the image appears on your page, click Save.

To delete an image, just click on the image, then click the red X which will then appear in the Kupu bar. This will delete the image. Formatting marks showing the corners of the former image will remain, but you can click inside them to delete. (Or, right-click the image and choose Delete.) You may have to do this if the image uploads in a size that doesn't work for you. (Can't you use the Reload button that appears when you insert an image? Maybe you can, but I haven't gotten the thing to work yet.)

Testing...

After Save, do inspect the page! An image can look fine in Edit mode, but clicking Save can cause significant changes.

If you would like the image to be visible to the public, test the view. In your current url, delete the "s" from https:// and hit Enter (this gives you logged-out mode), view the page, then replace the "s" in the https:// to resume logged-in view. Then test again by opening a whole new and different browser and without logging in to the website view the page. If the image is not visible, you may need to adjust the State to Public.

Add Your Photo to My Folder

  • First put a copy of the photo in some folder on your computer where you can find it easily. On any page of the website, at the top right click on My Folder. In your Basic Information page, click Edit. Scroll down to field #6, "Image." Click Browse. Find the folder on your computer which contains your photo. Click to select the photo, and click Open. Save. Notice that on the website, even a full-size photo image will be automatically scaled down to a uniform size.
Note 1: If you ever replace a photo with another photo, you may see that the new photo saves at a strange size. All you need to do is Save to reload the page. (This may require a forced reload; see the FAQ "Refresh Page" for tips.) Why does this happen? The software used the pixels from your new photo, combined with the remembered height of your old photo. Or something. Cris explains this better.
Note 2: Putting the photo in My Folder means that if you are a member of any special department or committee divisions in Radiology, that photo will automatically pop up when a viewer looks at the page for that Committee. Also, removing the photo from My Folder automatically removes it from all other locations on the site.

Note 3: With the exception of Note 2, even after you upload the photo to your Personnel listing, and even after it is plainly in view there, you won't be able to copy the photo yourself from My Folder to any other page in the website. That is because in My Folder the photo exists only as a feature of your Personnel listing, but does not exist as a separate reproducible entity. (You can check this by clicking Contents. The photo won't show there. By the way, clicking your browser back button at this point will not, alas, return you your own page. Instead it will leave you at a large large table entitled "Radiology Personnel," and then you will have to go to the Search box (top right) and enter your name to open your page.) If you do want an extra copy of your photo on hand in your folder, Click on MyFolder. When the folder opens, you will be in View Mode. Notice the Action Bar at the top right:
  • MyFolder Action Bar
  •  Choose Add new > Image. This opens the Add Image page. For Title, choose and enter a name for your image. The Description is optional; you don't need to write anything here, and can instead click your cursor on Image. At the Image field, click Browse. This lets you view the various folders on your computer. Find your chosen image, click on the image file name, and click on Open. Now the Image field should show the path leading to the image on your computer. Click Save. This will save a copy of that image right to your MyFolder, and ideally the image should open for viewing. You can view the photo in Personnel by searching for your [Lastname, Firstname] in the Search Site box above, then open the main link that shows your name. To post this on a website page, you will need to make sure that in Contents mode the image state is set to Public.
To delete a photo of yourself from the website (say, for security reasons):
  •  Make sure that first you have a copy of it elsewhere for yourself. You can always right-click the image and download a copy to a folder for safekeeping (that is, if you want a copy).
  • Opening Contents and searching for the photo won't work, because it's not there. Instead open your personal page, click Edit, scroll down to the image, and beneath it click the Delete radio button. Click Save. This should delete that particular photo automatically from all locations in the site. (Unless of course you uploaded the photo separately to the folder, and linked to that from other pages! In that case, delete it from Contents, then fix the links.)

Radiology Photos: By the way, there is a policy afoot to standardize the photos throughout the website. There is even a designated Med Center photo studio for this, which offers group sessions. You may well be invited to sit for a photo with members of your team. If so, you will get to choose from several photos on the spot; your selected photo will be sent to Web Services to posting, and a copy will be emailed to you. Tip: Please wear dark, monotoned, and adequate clothing; the pictures come out much better.

Document Actions