Add, organize and remove your site assets from the Media tab. Please note the following:
Throughout this document I use the word "image", however you can upload many different file formats including but not limited to GIF, JPG/JPEG, SVG, PNG, TIFF, MP4, MP3, WMV, RAR, PSD, and ZIP.
There are many ways to upload media. The most consistent way is through the Media Uploader. In the upper left-hand corner of the Media section there is an "Upload Files" button.
Clicking the "Upload Files" button allows you to select multiple files to upload to your Zesty.io Library.
Another option for uploading images is to drag and drop them into the body of the Media tab interface.
Once the files are uploaded they can quickly and easily be accessed in the Content section by selecting the page, page group, or dataset that you want to add your image to, selecting the field, and adding the image.
If you need to change the name of a file after it's been uploaded take these steps, simply change the filename and title.
To upload an image in a WYSIWYG field, click on folder & magnifying glass icon in the toolbar. This will allow you to upload a new image and to add that image to your WYSIWYG. By selecting the image that you just uploaded you can choose to insert that image into your WYSIWYG.
When you click on the image icon in the toolbar a small modal will popup and allow you to upload and/or modify an image that you've already inserted into your WYSIWYG.
On the first tab General, there is a textbox to enter a URL for a new image, a textbox for entering an image description, and two boxes to enter dimensions.
On the second tab Advanced, you'll see a textbox to enter styling, as well as textboxes to modify the vertical and horizontal margin around the image and to add a border-width.
In addition to the options that are show on the tab, you can also type you own styles in to the Styles textbox just as you would with any other CSS rules. For example, you could add
border-radius: 10px; or
border: solid 2px black; to textbox to add a border radius and border to your image.
The animated GIF below will show you how to use the modal to insert a new image using a URL and to resize and add margin around images.
© Copyright 2010-2018 Zesty.io Platform, Inc. All Rights Reserved.