## 1.

**[Preview and Design](#preview)**



 

 

 

 

 

 



 

## 2.

[**How to create**](#creation)



 

 

 

 

 

 



 

## 3.

[**How to translate**](/site-configuration/edit-translations "Edit translations")



 

 

 

 

 

 



 

 

 





<a name="preview"></a>

---

## Preview

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2018/11/Document%20preview.png.webp?itok=kTw2FRJ5)   



## Information architecture

Allows to display link to related documents. Set document will be opened on click, than a document can be downloaded. Document media can be added to a text paragraph or media paragraph.

## Design

Document media can use any of the Veolia colors.

Opens uploaded document on click in a new tab.

Allowed types: txt doc docx pdf xls xlsx zip rtf odt ppt pptx.

## Typical usage and example

To be used for: link to related documents, as press releases, plans, policies, etc.

See an example on <https://www.veolia.com.br/veolia-no-mundo>

<a name="creation"></a>

---

## How to create it

   ![](/sites/g/files/dvc2391/files/styles/default/public/image/2018/11/Document%20adding%20form.png.webp?itok=SyjX7r30)   



| Field | Description |
|---|---|
| 1 - Document | A file for document media. Will be opened on click |
| 2 - Name | Used only in the backoffice |
| 3 - URL alias | An alternative path by which this data can be accessed |
| 4 - Description | Short description of the document |
| 5 - Button color | Color of the Download button icon |
| 6 - Readspeaker enabled | Link to the voice version of document displaying if checked |