> For the complete documentation index, see [llms.txt](https://docs.sharinpix.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sharinpix.com/documentation/cookbook/fullscreen-image-viewer.md).

# Fullscreen Image Viewer

{% hint style="warning" %}
**Note:** The present example is only relevant to the Lightning Experience.
{% endhint %}

The **Fullscreen Image Viewer** is a parameter found on the **SharinPix Album** component that generates space around the fullscreen viewer of an image. This value is used to avoid hidden elements when alerts are shown.

{% hint style="info" %}
**Information:**

The **SharinPix Album** component was previously named **SharinPix**.
{% endhint %}

* The default value for the **Fullscreen Image Viewer** is <mark style="color:red;">`90px 0 0 0`</mark>. This value adopts the CSS syntax for **Padding** property. Each value corresponds to the amount of space to be generated between the fullscreen viewer and those starting positions:
  * <mark style="color:red;">`top`</mark> - 90px
  * <mark style="color:red;">`right`</mark> - 0
  * <mark style="color:red;">`bottom`</mark> - 0
  * <mark style="color:red;">`left`</mark> - 0

{% hint style="success" %}
More information on these CSS Padding values can be found here: [ https://www.w3schools.com/Css/css\_padding.asp](https://www.w3schools.com/Css/css_padding.asp)
{% endhint %}

### Lightning App Builder <a href="#edit-page" id="edit-page"></a>

* Access the lightning page of the record of your choice.
* Click on the **Setup** icon and then select **Edit Page.**&#x20;
* The configuration details of the SharinPix Album component can be accessed inside the **Lightning App Builder**.

<figure><img src="https://2221230591-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5EvYRrLbUyvRh8o1jmMG%2Fuploads%2FQ84R5I8CedGKPrj2guVh%2Ftest.jpg?alt=media&amp;token=8bff6fd3-3ace-46a6-9fef-a741b9ad52e8" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Note:

Not all image sync abilities are available for the fullscreen feature.&#x20;
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.sharinpix.com/documentation/cookbook/fullscreen-image-viewer.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.