# Add graphic/photo to state

**URL:** <https://forums.visual-paradigm.com/t/add-graphic-photo-to-state/21384>\
**Category:** How To\
**Created:** [February 25, 2025, 9:14pm UTC](https://forums.visual-paradigm.com/t/add-graphic-photo-to-state/21384 "2025-02-25T21:14:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![lambda7](https://avatars.discourse-cdn.com/v2/letter/l/8e7dd6/32.png) [@lambda7](https://forums.visual-paradigm.com/u/lambda7)\
**Post date:** [February 25, 2025, 9:14pm UTC](https://forums.visual-paradigm.com/t/add-graphic-photo-to-state/21384/1 "2025-02-25T21:14:40Z")

</div>

I have a state machine for a complex system, part of it is controlling user screens. I want to show in some states a picture/image of what the screen will look like for that state. **How can I add an image or image field or region to a state (new horizontal region with graphics?)**

 ![image](https://forums.visual-paradigm.com/uploads/default/original/2X/e/ee6e2325194c865431fd3399b5a14867c3130caa.png)

This shows what I’d like ,BUT when I move the state around the image needs to move WITH the state. Here they are not tied together at all, moving separates them (this is just a dumb image pasted on top of a state). How can I tie/attach the image **TO** the state so they stay together?

---

<div class="post-metadata">

**Author:** ![lambda7](https://avatars.discourse-cdn.com/v2/letter/l/8e7dd6/32.png) [@lambda7](https://forums.visual-paradigm.com/u/lambda7)\
**Post date:** [February 26, 2025, 4:01am UTC](https://forums.visual-paradigm.com/t/add-graphic-photo-to-state/21384/2 "2025-02-26T04:01:00Z")

</div>

this is what I want to **prevent** from happening …the images didn’t move with the state

 ![image](https://forums.visual-paradigm.com/uploads/default/original/2X/7/781f50d13494d6c3a2afd670dde516731320f92b.png)

---

<div class="post-metadata">

**Author:** ![Rain](https://forums.visual-paradigm.com/user_avatar/forums.visual-paradigm.com/rain/32/2309_2.png) [@Rain](https://forums.visual-paradigm.com/u/Rain)\
**Post date:** [February 26, 2025, 5:24am UTC](https://forums.visual-paradigm.com/t/add-graphic-photo-to-state/21384/3 "2025-02-26T05:24:27Z")

</div>

Thank you for your inquiry. Since having image inside a state is not part of the UML specification therefore we do not support let the state holding an image. You may consider to overlay the image over the state, then select both state and image, right click and select Grouping \> Group to group them together.

---

<div class="post-metadata">

**Author:** ![lambda7](https://avatars.discourse-cdn.com/v2/letter/l/8e7dd6/32.png) [@lambda7](https://forums.visual-paradigm.com/u/lambda7)\
**Post date:** [February 26, 2025, 8:56am UTC](https://forums.visual-paradigm.com/t/add-graphic-photo-to-state/21384/4 "2025-02-26T08:56:28Z")

</div>

Thanks–will try this method!
