Webtools How-to Guide
Event: Advanced media
How to...
Note: Since adding advanced media to an article or event on Webtools are very similar, for the above items, we are using similar how-to videos to those for the article module. However, transcriptions below the videos are customized to pertain to the add/edit event page.
How to add an image or video slideshow to an event
To add an image or video slideshow to your event, on the Edit Event page, scroll down to the Advanced Media Files section. On an important note, you should remember that the content of this section will be available only after you save the event for the first time.
Simply select the type of media you want from the dropdown menu and fill in the fields that appear (title, caption, description), and click on Choose File to upload the file.
Accepted file types:
- Images: .gif, .jpg or .png
- Videos: .mp4 or .mov
Now you can add other files by repeating these steps. In the end, you will see them all listed in this section. Make sure you click on Save, otherwise your slideshow will not appear in the event.
Now let’s see how it is displayed on the UCLA International Institute display event page.
Here you see the slideshow on top of the event page: the slider, the title and the sequential image. You can also move back and forth among the pictures with the arrows on the sides.
If you go back to the Edit Event page and scroll down to the Advanced Media Files section… here, you have the option to add videos to this slider, or create a video slideshow from scratch. In other words, by selecting Slideshow_Image or Slideshow_Video in the advanced media dropdown, you can create an image or video slideshow, or a slideshow of both.
You simply repeat the same process to add a video. Please remember to save the page frequently.
Here we have a video added to our slideshow, which will be displayed the same way.
Back to top
How to add an image album to an event
To add an image album to your event, on the Edit Event page, scroll down to the Advanced Media Files section. On an important note, you should remember that content of this section will be available to view only after you save the event.
On the Advanced Media Files dropdown, you should pick Album_Image. Just like we did for the image or video slideshow, you should type in the Title. You can enter a Caption and Description too. Then select the image file and save it.
Accepted file types:
- Images: .gif, .jpg or .png
To add another image, repeat the process. When you are done, make sure you click on Save, otherwise it will not work.
Now all your album images are listed here. Let’s see the preview of this album on the UCLA International Institute display event page.
Here is how the photo album is displayed. If you click on one of the photos, you can see a larger version of that photo. You can use the arrows to go back and forth to view other photos and on the X in the top corner to go back to the event.
Back to top
