Forgot your password?
Document Actions
How to add images into a page
Up to Editing a document
Posted by
Adding Images Using Kupu 1.4
Notes: The procedure given here is a generic procedure for adding images to dbatodba pages.
After you have uploaded an image to your site as described in Uploading Images, follow these steps to incorporate it into a dbatodba page:
1. Log in to dbatodba and navigate to (or create) the page on which you will use the image.
2. Click the edit tab.
3. In the Kupu Editor window (in the Body Text area of the edit tab), position your cursor where you want to place the image and then click the 
(Image) button.
4. In the Insert Image window that opens, navigate to the image you want to use.
Tip: Initially, the middle column of the Insert Image window will include a list of recently used images. If you need to navigate to another part of your site, use the navigation links in the left column
When you think you have found the image you want to use, click the radio button next to it. A preview of the image and information about the file size, dimensions, and publishing state of the image will be displayed in the right column. To see the site location of the image, click the breadcrumbs link near the upper left corner of the Insert Image window.
5. Indicate whether you want the image to be aligned to the Left, aligned to the Right, or inserted Inline (interwoven with the page text).
Note: You cannot change the left-to-right alignment of an image after you click OK on this page. If you later decide you want to change the alignment, you will need to remove the image from the page and then re-add it with a different alignment option selected. You will, however, be able to move the graphic vertically on your page by dragging and dropping it in the Body Text area of the edit tab.
Notes: Although the available size selections are all square (width=height), Kupu will maintain the aspect ratio of your original image when it resizes it. If your original image is not square, it will be resized so that the longest dimension (height or width) is equal to the pixel size you select. The other dimension will be proportionally adjusted. For example, if you have an image that is 100x200 pixels and you select the Tile size (64x64), Kupu will resize the image to 32x64.
After you have inserted an image and have returned to the main Kupu window, you will be able to resize the image by dragging the sizing handles for the image. However, it can be difficult to maintain the original aspect ratio when resizing an image by hand.
7. If desired, edit the value (if any) in the “alt” attribute field. The value in this field is displayed in a tooltip when a site visitor rests the mouse over the image in your page.
8. Click ok to save your selections and return to the Kupu Editor. The page you were editing will now include the image you just added.
9. If desired, you can drag and drop the image vertically, or use the resizing handles to adjust the size of the image. You cannot change the left-to-right alignment. When you are satisfied with the placement and size of the image, scroll to the bottom of the page and click save.
The main content area automatically switches to the view tab so that you can preview the page with its newly inserted image.
Hacker Rangers - Gamification for CyberSecurity