Media Manager

Store and organize files and images on your website with Better CMS’ user-friendly Media Manager. To access the Media Manager, click “Site settings” on the side menu and then click “Media Manager.” View all of your folders at once in list view or gallery view by toggling between the icons at the top of the window. From here, you can use the controls to add, delete, or rename a folder and easily upload your images and files. Click “File Name” to sort the folders by file name, or click “File Type” to sort the folders by file type. To upload a new image or file, you can browse and upload from your computer, or simply drag and drop the file into the Media Manager. The Media Manager can also be accessed from the WYSIWYG editor to add images or files directly to a webpage or blog post.

1. Media Manager menu item (located in the middle of Site Settings menu).
2. Tabs to toggle between the images and files lists.
3. Buttons to toggle list view or gallery view.
4. Show the current location within the folders you are in.
5. Search field for images and / or folders.
6. Button tho create a new folder.
7. Button for image upload.
8. Edit buttons for folder renaming or image editing.
9. Button for deleting the folder or images.
10. Buttons to save or cancel changes made for image or folder name.
11. Click on image or folder with the right mouse button to get submenu.

Image or File Upload

1. Folder selection for uploaded files storage.
2. Area to drag files you want to upload.
3. Button to select files to upload from your computer.
4. You can cancel uploading or delete uploaded file.
5. Button to save or cancel file upload.

Image Edit

1. Click and Drag over the image to select crop area.
2. Check box to force image to fit into the screen.
3. Button to reset crop area.
4. Input for the image caption.
5. Edit button to change the file name.
6. Edit button to resize the image.
7. Option to select image position in the text.
8. Buttons to save or cancel the changes made for the image.

Note: Each time image is resized / cropped, new version of image is stored in file storage. It means, that when image.jpg will be added to content, it will have reference to e.g. image_5.jpg and it will never change. If later image will be cropped or resized, image_5.jpg will be kept on server and new version, e.g.image_8.jpg will be created.

Insert Image

To insert image into the content: in the text editor toolbar click the image icon ( 1 ); in the Insert Image dialog click on the desired image with the left mouse button ( 2) and hit Insert ( 4 ). Additionally, if you would like to edit image before insert or insert image with additional parameters, in the Image Insert dialog click on the image with the right mouse button to access submenu to perform additional actions.