The **Publication component** lets you showcase documents in a clean, organized list and seamlessly embed them into text for a polished presentation ## How to edit in the back office? ![Publication creation ](/sites/g/files/dvc2391/files/styles/media/public/image/2024/12/Screenshot%202024-12-11%2016.00.36.png.webp?itok=bsW2UvDR) To create a **Publication**, start by naming it. Navigate to *Content* and click on the *Media* tab. Select "Add Media" and choose "Publication" from the list. In the "Create Publication" form, enter the **Publication Title** to define its purpose. Next, move on to **adding media**. Begin by uploading an **image file** under the Veolia Media Image Source. Accepted formats are PNG, GIF, JPG, and JPEG. This image will serve as the main visual element of your publication. Then, attach **documents** to the publication. You can add one or several **files** under the Documents field. These files will be accessible and open when clicked, providing users with easy access to your content. Finally, choose a **Publication Type** from the list. This taxonomy will organize your publication and can also be used as a filter in the front office for easy navigation. Once all details are added, click "Save" to complete the setup. Your Publication is now ready to use! ## Example: ![image of graphic charter cover page](/sites/g/files/dvc2391/files/styles/publication/public/image/2024/11/Screenshot%202024-11-26%2017.03.49_1.png.webp?itok=_E_RL21B) #### Graphic Charter 19 November 2024 Discover Our Graphic Charter ! [ Graphic charter 2024 ( PDF - 4.49 MB ) ](/sites/g/files/dvc2391/files/document/2024/04/EN-2024%20%281%29.pdf "Graphic charter 2024") ## Enhance your web pages with components [Discover all the components here](/drupal-essentials/components) [ ![container icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2812%29.jpg.webp?h=b202b291&itok=vmeeKQt-) ](/text)[Text](/text) ### [Text](/text) [ ![Card logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2832%29.png.webp?itok=IkpmBO28) ](/card)[Card](/card) ### [Card](/card) [ ![Quote logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2833%29.png.webp?itok=h2rKsDhF) ](/quote)[Quote](/quote) ### [Quote](/quote) [ ![content carosel icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2811%29.jpg.webp?itok=h0W8b7g1) ](/carousel)[Carousel](/carousel) ### [Carousel](/carousel) [ ![Employee logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2835%29.png.webp?h=7699e6c3&itok=Po8T6NPm) ](/employees)[Employee](/employees) ### [Employee](/employees) [ ![Iframe logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2836%29.png.webp?h=3089ca13&itok=yg-giCJz) ](/iframe)[Iframe](/iframe) ### [Iframe](/iframe) [ ![Integration Code logo](/sites/g/files/dvc2391/files/styles/media/public/image/2025/02/Design%20sans%20titre%20%2838%29.png.webp?itok=vZx3cgmj) ](/integration-code)[Integration Code](/integration-code) ### [Integration Code](/integration-code) Previous Next ## Ask for support We use ServiceNow to track all of your requests and questions [Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50) ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)