# Inline attachment preview in constellation

**URL:** <https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231>\
**Category:** User Experience\
**Tags:** 24-2-1, user-experience, constellation, pega-platform\
**Created:** [March 25, 2025, 3:01am UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231 "2025-03-25T03:01:41Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Satya\_Bollenkula](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/satya_bollenkula/32/3901_2.png) [@Satya\_Bollenkula](https://forums.pega.com/u/Satya_Bollenkula)\
**Post date:** [March 25, 2025, 3:01am UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/1 "2025-03-25T03:01:41Z")

</div>

we have requirement to show inline preview of attached document in Pega constellation app. Is there way to achieve with OOTB of constellation

---

<div class="post-metadata">

**Author:** ![srikantha1043](https://avatars.discourse-cdn.com/v4/letter/s/d78d45/32.png) [@srikantha1043](https://forums.pega.com/u/srikantha1043)\
**Post date:** [March 27, 2025, 3:00pm UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/2 "2025-03-27T15:00:56Z")

</div>

@Satya Bollenkula Hi is this resolved? As we are also trying to achieve the same functionality.

---

<div class="post-metadata">

**Author:** ![MarijeSchillern](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/marijeschillern/32/23321_2.png) [@MarijeSchillern](https://forums.pega.com/u/MarijeSchillern)\
**Post date:** [March 27, 2025, 3:05pm UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/3 "2025-03-27T15:05:37Z")

</div>

@srikantha1043 @Satya Bollenkula I did a search on [MSP GenAI Support Buddy](https://msp.pega.com) and this was the answer:

 ![ry.png](https://pega1.discourse-cdn.com/pega/original/2X/3/3049cc1ae62ec0f78cf4fac7442b769a74fe95cb.png)

Reference:

[How to show attachment content in a pop\_up window in Pega Constellation](https://support.pega.com/question/how-show-attachment-content-popup-window-pega-constellation)

cc @Marc Alderman please add any comments if necessary.

---

<div class="post-metadata">

**Author:** ![Satya\_Bollenkula](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/satya_bollenkula/32/3901_2.png) [@Satya\_Bollenkula](https://forums.pega.com/u/Satya_Bollenkula)\
**Post date:** [March 27, 2025, 5:52pm UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/4 "2025-03-27T17:52:51Z")

</div>

@MarijeSchillern

we are looking for inline preview attachment without downloading or opening the document in separate window simliar to **pzAttachmentPreview** in theme-cosmos, **Display Attachments widget** just displays attachment names

---

<div class="post-metadata">

**Author:** ![MarijeSchillern](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/marijeschillern/32/23321_2.png) [@MarijeSchillern](https://forums.pega.com/u/MarijeSchillern)\
**Post date:** [March 28, 2025, 9:52am UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/5 "2025-03-28T09:52:05Z")

</div>

@Kamil Janeczek @RichardMarsot could you please respond?

@Satya Bollenkula The default Display Attachments widget only shows attachment names and does not support inline preview.

From the documentation:

You can consider using the pzAttachmentPreview functionality, which allows for inline previews without downloading or opening documents in a separate window. If your application is migrated from an older version, ensure that you refactor the code to utilize the latest features available in Theme Cosmos. Additionally, you might need to add specific activities to your data page to pull attachments correctly for inline viewing.

[How to bring back the old attachment utility in Theme Cosmos](https://support.pega.com/discussion/how-bring-back-old-attachment-utility-theme-cosmos)

[Constellation Hand-on](https://support.pega.com/discussion/constellation-hands)

[Flexible UI with Constellation](https://community.pega.com/blog/flexible-ui-constellation?)

[Constellation 101](https://support.pega.com/discussion/constellation-101)

---

<div class="post-metadata">

**Author:** ![KamilJaneczek](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/kamiljaneczek/32/23339_2.png) [@KamilJaneczek](https://forums.pega.com/u/KamilJaneczek)\
**Post date:** [March 28, 2025, 10:45am UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/6 "2025-03-28T10:45:26Z")

</div>

@Satya Bollenkulayou would need a dx component to do this. Take a look on recent addition to Constellation UI gallery by @RichardMarsot [https://pegasystems.github.io/constellation-ui-gallery/?path=/docs/fields-display-pdf–docs](https://pegasystems.github.io/constellation-ui-gallery/?path=/docs/fields-display-pdf--docs)

This show case how to open pdf in a modal without the need to download it. Example is with modal but in a similar way you can render it inline.

---

<div class="post-metadata">

**Author:** ![Satya\_Bollenkula](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/satya_bollenkula/32/3901_2.png) [@Satya\_Bollenkula](https://forums.pega.com/u/Satya_Bollenkula)\
**Post date:** [March 28, 2025, 5:34pm UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/7 "2025-03-28T17:34:10Z")

</div>

![fields-display-pdf--docs.jpg](https://pega1.discourse-cdn.com/pega/original/2X/d/d0302a9db9cceacddf9396972696047b3911dc60.jpeg)

Thank you @RichardMarsot for your quick response, It seems below link is broken, Please see above image. could you please check and let me know the right one

> **[storybook - Storybook](https://pegasystems.github.io/constellation-ui-gallery/?path=%2Fdocs%2Ffields-display-pdf--docs%C2%A0)**

---

<div class="post-metadata">

**Author:** ![Satya\_Bollenkula](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/satya_bollenkula/32/3901_2.png) [@Satya\_Bollenkula](https://forums.pega.com/u/Satya_Bollenkula)\
**Post date:** [March 28, 2025, 11:59pm UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/8 "2025-03-28T23:59:19Z")

</div>

@RichardMarsot , @[Kamil Janeczek](https://support.pega.com/users/Kamil%20Janeczek) - Thank you

---

<div class="post-metadata">

**Author:** ![RichardMarsot](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/richardmarsot/32/23105_2.png) [@RichardMarsot](https://forums.pega.com/u/RichardMarsot)\
**Post date:** [March 28, 2025, 11:37am UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/9 "2025-03-28T11:37:40Z")

</div>

@Satya Bollenkula as Kamil indicated this new component was released this week - a PDF binary file or attachment can be provided inside a text property to render the PDF **inline** inside the form or if a DP is provided, the pdf will be shown in a modal dialog.

---

<div class="post-metadata">

**Author:** ![KamilJaneczek](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/kamiljaneczek/32/23339_2.png) [@KamilJaneczek](https://forums.pega.com/u/KamilJaneczek)\
**Post date:** [March 28, 2025, 5:45pm UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/10 "2025-03-28T17:45:54Z")

</div>

@Satya Bollenkula try here: [https://pegasystems.github.io/constellation-ui-gallery/?path=/docs/fields-display-pdf–docs](https://pegasystems.github.io/constellation-ui-gallery/?path=/docs/fields-display-pdf--docs)

---

<div class="post-metadata">

**Author:** ![RichardMarsot](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/richardmarsot/32/23105_2.png) [@RichardMarsot](https://forums.pega.com/u/RichardMarsot)\
**Post date:** [March 28, 2025, 10:59pm UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/11 "2025-03-28T22:59:32Z")

</div>

@Satya Bollenkula the DisplayPDF is available on 24.1 [Release Constellation UI Gallery 2.0.4 · pegasystems/constellation-ui-gallery · GitHub](https://github.com/pegasystems/constellation-ui-gallery/releases/tag/2.0.4) and 24.2 [Release Constellation UI Gallery 3.0.4 · pegasystems/constellation-ui-gallery · GitHub](https://github.com/pegasystems/constellation-ui-gallery/releases/tag/3.0.4)

For any other enhancement request or bug fixes, please consider participating to the project and proposing a branch - see [storybook - Storybook](https://pegasystems.github.io/constellation-ui-gallery/?path=/docs/support-and-contributing--docs)

---

<div class="post-metadata">

**Author:** ![Satya\_Bollenkula](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/satya_bollenkula/32/3901_2.png) [@Satya\_Bollenkula](https://forums.pega.com/u/Satya_Bollenkula)\
**Post date:** [March 28, 2025, 9:28pm UTC](https://forums.pega.com/t/inline-attachment-preview-in-constellation/9231/12 "2025-03-28T21:28:23Z")

</div>

@Kamil Janeczek - Thank you very much, can you please include this control in [Constellation UI Gallery 3.0.3](https://github.com/pegasystems/constellation-ui-gallery/releases/tag/3.0.3) here [https://github.com/pegasystems/constellation-ui-gallery/releases](https://github.com/pegasystems/constellation-ui-gallery/releases)
