Skip to main content

Template - Upload process

Updated over 4 years ago

Header

For the sake of simplicity and speed, the styles for the Uploader are set in the style file. You can add metadatas or more styles in this template.

Footer

In most cases, you won't need to modify this file. Here is where you close the </body> and </html>tags.

Source Selection

Source selection shown when clicking on the Upload your photo in a widget or in the galleries.

Sources

  • Hard Drive: Select photos from your computer, select files and upload

  • Instagram: Upload photos from your Instagram account

  • Facebook: Select your album and then your photos from your Facebook account

  • Flickr: Select your album and then your photos from your Flickr account

Photo Upload Limit

You can select as many photos as you would like during upload process, however there is a 20mb max limit (combined).

Label

Enter the Caption for each selected photo, work as description or identification.

Login

By default, you can allow users to login with your Facebook account or any email. Only the first time, then we are going to remember your login preferences.

Thank You

Show a thank you message after a successful upload.

Styles

This file is included in the header. Here you can edit existing CSS id's and classes to customize the look and feel of the templates.

JS Callbacks

This file is includes the JS callbacks provided for you to create any custom event triggers that are related to the upload process.

  • olapicUploaderAfterRender

    • Runs after the template modal and callbacks are rendered on the DOM

    • Parameter: copy of the uploader's object

  • olapicUploaderBeforeOpen

    • Runs just before fire the function modal that open the dialog box

    • Parameter: copy of the uploader's object

  • olapicUploaderAfterClose

    • Runs in the callback from the close function of the modal.

    • Parameter: copy of the uploader's object

Mobile Upload Process

This template folder has the same structure as Upload Process template folder, but optimized for mobile devices.

Did this answer your question?