> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://knowledgebase.xtenav.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add an Image to the X-DOC document?

**Introduction**

Adding and editing images in your **X-DOC** documents helps make proposals more engaging and visually appealing. The X-DOC editor provides an easy-to-use interface for inserting and adjusting images. Here's how you can do it:

**Adding an Image**

* Navigate to the page in the **X-DOC edito**r where you want to add the image. 
* Click on the **Add Element** option on the right side of the screen.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-38_lxahj1.png)

* Select the **Image** option. Here, you can upload an image from your system using **Select Image** or you can choose from the available **XTEN-AV stock images**. Alternatively, drag and drop an image directly into the editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-39_p80ms6.png)

* After selecting the image, click anywhere on the page to insert the selected image.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-40_7xipsy.png)

* Once the image has been added, you can adjust its position on the page as per your requirement.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-41_2c3p6r.png)

### Related Articles

* [What is Repeater and How to Apply it to an Element](https://knowledgebase.xtenav.com/en-us/article/what-is-repeater-and-how-to-apply-it-to-an-element-19mfqc/?utm_source=chatgpt.com)
* [How to Crop an Image in a Proposal Editor](https://knowledgebase.xtenav.com/en-us/article/how-to-crop-an-image-in-a-proposal-editor-uytxrb/)
* [How to Change the Opacity / Visibility of Element](https://knowledgebase.xtenav.com/en-us/article/how-to-change-the-opacity-visibility-of-element-1cwef0y/)
* [How to Change Padding of an Image](https://knowledgebase.xtenav.com/en-us/article/how-to-change-padding-of-an-image-cgz3oh/)