To insert an image into a page, it must exist on the internet. If it doesn't, you have to upload the image to the server. The tool to do this is the vBase Image Browser / Upload.
There are two ways to invoke this tool:
1) Login > Admin > Upload Images
2) While editing: click on the image icon in the editor toolbar and click on 'Browse Server'
This will bring up the image browser where you can upload your images by clicking on the 'upload' icon:
Now that the photo has been uploaded, navigate to the page you want to insert it into and right-click to enter edit mode. Put the cursor where you want to insert a photo, then click the image button in the toolbar . This brings up a popup window.
You can either specify a URL here, or click the 'Browse Server' button to include an uploaded image.
The Alternative Text field allows you to put in text that will appear when you move your mouse over the photo.
The Width and Height fields are automatically filled in with the photo’s full size dimensions. You can change this by typing in a number. Note there are two icons to the right of these boxes. The little lock icon keeps the photo proportionate so that when you type in a new width, the height changes as well. Clicking this will turn off that feature, and the photo will become stretched when you change the width and height. So don’t click it. The other icon, a circular arrow, resets the dimensions fields to the full-size values.
NOTE: Never change the dimensions to bigger than their full-size values, or the image will start being pixilated. Defining smaller sizes works just fine in vBase.
Below the dimensions fields, there are fields for margins and alignment. These are all blank by default. Margins clear an area around an element (outside the border).
- Border: Puts a black border around the image at the specified thickness. Most of the time, you either don’t need a border or would only need a border that is 1 pixel thick.
- Margins clear an area around an element (outside the border) to avoid other elements (like text) touching it.
- Align: Sets how the photo is aligned and how the text wraps around it.
Finally, there is a checkbox 'Show image when clicked'. When checked an a user clicks the image, it will bring up the image in a viewer.
After you’ve inserted an image, you can always edit it. Click “edit” to go back into editing mode, then right click on the photo and choose “Image Properties”. This takes you back into the Image information window.
In the editor, insert a new image
Navigate to the tab 'rotating images'
This tab will list your available slide collections. If you don't have a slide collection yet, make one first
(see Managing Slides)
Select a slide collection
- Category: (Optional.) You can provide a keyword here which you have assigned to the slide in the slide collection manager, e.g 'landscape' or 'portrait'. This will allow you to select certain slides from a bigger collection.
- Max width: The maximum display width on the page
- Max height: The maximum display height on the page
- Crop to these dimensions: The image will be cut off to these dimensions to force them all to be the same size.
Note: It is good practice to have your rotating images all the same size (or aspect-ratio). This will prevent jumping in the content during slide transitions.
- Random sequence: If not checked, the images will be shown in the order of the slide collection
- Show image when clicked: When checked an a user clicks the image, it will bring up the image collection in a viewer. The viewer will also show alternating the images.
- Ignore categories when clicked: If a category was given and this checkbox is checked, all images from the collection will be shown in the image viewer.
Sitemap, vBase CMS
Demo Slide show
Demo Slide show CoolIris
Copy and Paste
Links and anchors
Working with categories
product page example
Powered by vBase CMS, Content Management System. Calendar powered by CastaCalvbaseworks.com