Security

I'm searching for documentation on how to configure Galleria settings in CPG 6.5 - the out of the box images are cool, but we'd like to use our own :). 

I've uploaded the images we want to use to the Public folder (Config > Content Mgr > Public Files), but when I change the <script src=> in the Galleria Background Image Settings, I must not be pointing to the right location as I only get a solid color background rather than the rotating images.

If anyone has any documentation on the proper HTML syntax to enable the Galleria to pull the images from the Public Files source, I would appreciate it.

Thanks!

Did you already read the Arubapedia Article here?  https://arubapedia.arubanetworks.com/arubapedia/index.php/How-to:_Galleria_Skin

I apparently do not have access to that link...a 403 error. However, based on the link, that would appear to be what I am looking for...

Here is the path for an image under public in the "guest-ui" subfolder.

"public/guest-ui/boston1.jpg"

Unable to get to that link too. Can you give a list of steps of how to upload custom images for the galleria skin? Thanks!

- Create a folder under Configuration > Content Manager > Public Files

- Upload your images

- Go to the Galleria skin settings (Administration > Plug-in Manager > Galleria (2) > Configuration)

- Edit the path to the pictures under Background Image settings. The path will be "public/<folder-name>/image.jpg"

Awesome! Thanks!

@cappalli if you are using a local folder to store your images, you don't need to identify a location in the <script src=...> tag?

For example:

{literal}
<script src="guest/public"></script>
<script>
$.backstretch([
"public/guest/Logo.jpg"
"public/guest/EXTERIOR CROPPED.jpg"
], {duration: 3000, fade: 750});
</script>
{/literal}

Ok...just got off with support and realized my error.

Do not remove or modify the first <script src=...> attribute.

Your entire HTML code should look like this:

{literal}

<script src="external/galleria/js/jquery.backstretch.min.js"></script>  *Do not modify/remove this*
<script>
$.backstretch([
"public/<directory>/<image1>.jpg",
"public/<directory>/<image2>.jpg"
], {duration: 3000, fade: 750});
</script>
{/literal}

Once I added the line of HTML code back, all was right with the world again.

To upload the custom images:

Go to Clearpass Guest

In the left hand nav, open Configuration

Under Configuration, expand Content Manager

Open Public Files

Upload the images