Before I tackled this myself, I thought I pick the minds of the SO community. 

Let's assume I have an `Image` that's used a button. By default, the image has no border around it. Clicking on this `Image` will cause another component be displayed beneath it or next to it. When the second component is displayed, I want to draw a joined border around the `Image` and the second component.

The second component would not be visible by default. It would only be visible after clicking on the `Image` by using the `popupManager`, `PopUpAnchor`, setting the `visible` property, etc.

**Example before clicking:**

```
+--------------------------------+
|                                |
|   XXX  <-- My Image            |
|   XXX                          |
|                                |
|                                |
|                                |
|                                |
|                                |
|                                |
|                                |
+--------------------------------+

```

**Example after clicking:**

```
+--------------------------------+
|  +---+                         |
|  |XXX|  <-- My Image           |
|  |XXX|_______________          |
|  |                   |         |
|  |   My Second       |         |
|  |   Component       |         |
|  |                   |         |
|  |                   |         |
|  +-------------------+         |
|                                |
+--------------------------------+

```

How difficult would it be to create something like this?