Working with Images
Millstream CMS supports standard web image formats such as .jpg, .gif, .png and .svg files.
Uploading images to work with
To add an image or group of images to a page that you are working on, locate the Attachments tab as shown in the image below.
Use the Upload tool to get the files from your computer to the web server - as shown below.
As you upload images you will see them listed as shown
Placing images in your page
There are multiple ways to use images on your page.
Drop in content area - method
One method is to place the image into the content area using the Insert/Edit Image tool in top top dashboard. It's located in the top row of tools as indicated in the image below.
Selected this tool prompts an image dialogue box to pop-up. When it does - choose the image that you wish to insert from the Image list which will be drawn from the files you have uploaded to the Attachments tab.
When you choose your image you can modify the proportions or leave it as is. Our system will automatically scale the image down to fit the maximum width of the content container. Choose okay to drop the image in.
Depending on what layout choice you have made the image will appear in your content like this...
When previewed online the image placed above appears as shown below:
Gallery
Choose display type gallery - as shown below
From the gallery options select Attachments Gallery as shown in the image below. This tells the system that you wish to use the photos you've already uploaded under the Attachments tab. Choose how many columns you want for this gallery grid - it will depend on what size area you are working with - but choose how images across. In the example below three columns are chosen... this choice will impact on the size of the gallery thumbnails. A column of "1" would create a single column of full width images.
Review which images you have ticked under the Attachments tab as these are the images that will get used to fill your Gallery. To leave an image out - simply remove the tick.
When saved and previewed our Gallery example would look like this.
Feature Image
Try selecting Feature Image as the Display type for your content area as shown.
NB: You will be prompted to use the "display settings"
Background Image - Method
Locate the Background Image heading and select your image from the list.
When this option is chosen the final result is that the image on the web page will fill the area as shown.
The background image tools also give you options for opacity so that you can create effects by fading the featured image to have text over the top.
Editorial Image
This option provides the ability to have a smaller editorial image with a title and caption included with the text.
In the content management system the example shows how the Editorial Image details are included in the image below:
Using our example the result is displayed online as shown below: