Images Library - Revision history

Charlotte Garratt at 13:59, 30 May 2018

2018-05-30T13:59:07Z

Charlotte Garratt at 13:48, 30 May 2018

2018-05-30T13:48:33Z

Charlotte Garratt at 13:40, 30 May 2018

2018-05-30T13:40:31Z

Charlotte Garratt at 13:28, 30 May 2018

2018-05-30T13:28:07Z

Charlotte Garratt at 13:26, 30 May 2018

2018-05-30T13:26:07Z

Charlotte Garratt at 13:25, 30 May 2018

2018-05-30T13:25:36Z

Charlotte Garratt at 13:15, 30 May 2018

2018-05-30T13:15:58Z

Charlotte Garratt at 13:05, 30 May 2018

2018-05-30T13:05:13Z

Charlotte Garratt at 13:04, 30 May 2018

2018-05-30T13:04:27Z

Charlotte Garratt at 13:04, 30 May 2018

2018-05-30T13:04:00Z

@@ Line 39: / Line 39: @@
 ===CK Editor Image Upload===
 [[File:ImagesLib CKUpload.PNG|thumb|CK Editor Single Image Upload Tool]]
-This Image Upload tool is one of the more commonly used, it is the easiest way to upload an image to an Article / Event / Webpage without leaving the editor if you have forgotten to upload the image in advance, simply click the image button on the menu Bar of the CK Editor, and an 'Image Properties' window will pop up, choose the Upload tab, along the top, and follow the instructions. Give the image a Name, and then Select the file from your computer and press, upload, after which if you return to the Image Info tab, when you click the browse server button, it will load something similar to the Image Library Tree View, to select the image to include in your currend page.
+This Image Upload tool is one of the more commonly used. It is the easiest way to upload an image to an Article / Event / Webpage without leaving the editor if you have forgotten to upload the image in advance. Simply click the image button on the Menu Bar of the CK Editor, and an 'Image Properties' window will pop up, choose the Upload tab along the top (see screenshot to the right) and follow the instructions. Give the image a Name, and then Select the file from your computer and press upload. After which if you return to the Image Info tab, when you click the browse server button, it will load something similar to the Image Library Tree View, to select the image to include in your current page.
-<br/>
-This is also one of the more messy options for completing an image upload as it doesn't allow you to store the image in a particular folder, for keeping you image library organised.
+This is also one of the more messy options for completing an image upload as it doesn't allow you to store the image in a particular folder, for keeping your image library organised.

@@ Line 29: / Line 29: @@
 ===Multiple Image Uploads===
 [[File:ImagesLib MultipleImageUpload.PNG|thumb|Multiple Image Upload Tool]]
-The more advanced image upload too, this one allows you to upload, up to ten images at a time, by simply dragging and dropping them from your desktop into the dotted area as indicated, unlike single upload where you are required to give an image a name, this takes the image name, from the file name, you will also notice, that similar to the 'Tree View' Image Library, the tree structure is there on the left hand side, if you select the folder you want to drop the images into before you process the upload, it will save you having to move them afterwards. <br/>Multiple image upload also doesn't require using drag and drop upload (though it is easier), if you need to search for your images, you can simply still click the 'Choose Files' button.
+The more advanced image upload tool. This one allows you to upload up to ten images at a time, by simply dragging and dropping them from your desktop into the dotted area as indicated. Unlike single image upload where you are required to give an image a name, this takes the image name from the file name. You will also notice that similar to the 'Tree View' Image Library, the tree structure is there on the left hand side. If you select the folder you want to drop the images into before you process the upload, it will save you having to move them afterwards.
-<br/>
 Once done simply click 'Upload All' to upload the images 'Reset' will forget the images you've dragged in so far, and 'Back' will take you back to the Library.<br/>
 Any time you use the multiple images uploader, and you haven't remembered to select a folder before you press Upload, the images will be placed in the Root folder, and they can always be sorted at a later date.
 ===CK Editor Image Upload===

@@ Line 25: / Line 25: @@
 ===Single Image Upload===
 [[File:ImagesLib SingleImageUpload.PNG|thumb|Single Image Upload Tool]]
-A simple image upload too, that allows you to upload, individual images, all you have to do is enter a Name for the image, which helps when you're trying to search for images in the library, so try to make it something sensible, try using naming conventions too! Then click the choose file button, and browse for the file on your computer, similar to the 'Tree View' Image Library, the tree structure is there on the left hand side, if you select the folder you want to drop the images into before you process the upload, it will save you having to move them afterwards. Finally click save and that's it done, it will take you to a summary page for the image you've just uploaded.
+A simple image upload tool which allows you to upload individual images. All you have to do is enter a Name for the image, which helps when you're trying to search for images in the library, so try to make it something sensible. Try using naming conventions too! Then click the choose file button, and browse for the file on your computer, similar to the 'Tree View' Image Library, the tree structure is there on the left hand side. If you select the folder you want to drop the images into before you process the upload, it will save you having to move them afterwards. Finally click save and that's it done, it will take you to a summary page for the image you've just uploaded.
 ===Multiple Image Uploads===

@@ Line 22: / Line 22: @@
 ==Image Uploads==
-As for uploading images, there are a number of ways this can be done, 'Single Image Upload', and 'Multiple Image Upload' which are accessed by their two buttons at the bottom of either the Tree, or the List style Image Library pages. Or there is the CK Editor Image Upload, accessed by clicking the Image button on the menu bar of the Text Editor anywhere it appears on the website.
+As for uploading images, there are a number of ways this can be done, 'Single Image Upload', and 'Multiple Image Upload' which are accessed by their two buttons at the top of either the Tree, or the List style Image Library pages. Or there is the CK Editor Image Upload, accessed by clicking the Image button on the menu bar of the Text Editor anywhere it appears on the website.
 ===Single Image Upload===

@@ Line 17: / Line 17: @@
 ==List View==
 [[File:ImagesLib ListView.PNG|thumb|Images Library - List View]]
 This view will be most familiar to you, as it matches many of the other View / Manage / Overview style pages throughout the site, its table like in nature, showing you the 'Name' and a thumbnail 'Image' for any particular record, along with in the third column, the View{{View}}, Edit{{Edit}}, and Delete{{Delete}} buttons, along with the option to filter your results by searching for a name, using the Filter{{Filter}} button on the top right.<br/><br/><br/><br/><br/><br/>

@@ Line 7: / Line 7: @@
 [[File:ImagesLib TreeView.PNG|thumb|Images Library - Tree View]]
-The Tree View for Image Library is the newer of the two Image Library views, this is much more powerful than just the List view, detailed below, starting on the left you can see the Tree structure that the folders are organised into, it is even possible to nest folders, and have sub folders, as you can see in the screenshot. To add a new folder, simply hover over a cog, and click the folder button with a plus icon over it.<br/>
+The Tree View for Image Library is the newer of the two Image Library views, this is much more powerful than just the List view (detailed below). Starting on the left you can see the Tree structure that the folders are organised into, it is even possible to nest folders, and have subfolders, as you can see in the screenshot. To add a new folder, simply hover over a cog, and click the folder button with a plus icon over it.<br/>
-You are able to drag and drop multiple images into folders too, simply check the boxes, in the top left hand corners for the images, once a number are selected you should then be able to drag and drop a number of images into the folder of your choosing.<br/>
-In the main window there are a number of ways to sort the images for the current folder [Most Recent - Least Recent], [A - Z], and [Z - A] by file name. You can also use the search box in the top right to filter images by file name. <br/>In the box below, it lists each of the images for the selected folder, along with a thumbnail, the name, and four buttons, Info, View{{View}}, Edit{{Edit}}, and Delete{{Delete}}, which do as you might expect, the Info button shows a small overlay on the image with it's Title, Date/Time Uploaded, and File Size, View shows you a larger representation of the image, which gives you the ability to right click and copy the image URL, Edit allows you to replace the image with another, for example to update it, and Delete presents a pop up asking if you are sure yo wish to delete the image.
+You are able to drag and drop multiple images into folders too, simply check the boxes, in the bottom right-hand corners of the images, once a number are selected you should then be able to drag and drop a number of images into the folder of your choosing.<br/>
 ==List View==

← Older revision		Revision as of 13:04, 30 May 2018
Line 1:		Line 1:

−	When you first load the image Editor, by default it takes you to the 'Tree View', but you can also see images in the 'List View' too. They are both easy to use and understand. Though the ~~tree view~~ helps you to better organise your images into folders.	+	When you first load the image Editor, by default it takes you to the 'Tree View', but you can also see images in the 'List View' too. They are both easy to use and understand. Though the Tree View helps you to better organise your images into folders.

	Accepted File types .JPEG .JPG .PJPEG .PNG .X-PNG .GIF .BMP		Accepted File types .JPEG .JPG .PJPEG .PNG .X-PNG .GIF .BMP