# Change workflow editor background image

**URL:** <https://forum.knime.com/t/change-workflow-editor-background-image/413>\
**Category:** Node Development\
**Created:** [March 13, 2009, 9:13pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413 "2009-03-13T21:13:44Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![syr1k](https://forum-cdn.knime.com/letter_avatar_proxy/v4/letter/s/a587f6/32.png) [@syr1k](https://forum.knime.com/u/syr1k)\
**Post date:** [March 13, 2009, 9:13pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/1 "2009-03-13T21:13:44Z")

</div>

I’d like to place an image as the background picture for the workflow editor. Could any one tell me how to achieve this?

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![syr1k](https://forum-cdn.knime.com/letter_avatar_proxy/v4/letter/s/a587f6/32.png) [@syr1k](https://forum.knime.com/u/syr1k)\
**Post date:** [March 18, 2009, 3:50pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/2 "2009-03-18T15:50:44Z")

</div>

Looks like that KNIME uses Eclipse GEF. Is it possible to call GEF API to change workflow editor’s background image from NodeFactory class?

---

<div class="post-metadata">

**Author:** ![fabian.dill](https://forum-cdn.knime.com/letter_avatar_proxy/v4/letter/f/a6a055/32.png) [@fabian.dill](https://forum.knime.com/u/fabian.dill)\
**Post date:** [March 18, 2009, 3:59pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/3 "2009-03-18T15:59:48Z")

</div>

No, that is definitively not possible, since the NodeFactory knows nothing about GEF: there are no dependencies. As far as I know it is not possible to change the background image of the `GraphicalEditor` (referring GEF class) neither programmatically nor via the UI. Just out of curiosity: for what would you need such a feature? Are you planning to realize KNIME skins 😉

---

<div class="post-metadata">

**Author:** ![syr1k](https://forum-cdn.knime.com/letter_avatar_proxy/v4/letter/s/a587f6/32.png) [@syr1k](https://forum.knime.com/u/syr1k)\
**Post date:** [March 18, 2009, 4:10pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/4 "2009-03-18T16:10:50Z")

</div>

Thanks for your reply! I googled “GEF background image”, and found this blog [http://eclipseo.blogspot.com/2008/09/background-image-to-gef-editor.html](http://eclipseo.blogspot.com/2008/09/background-image-to-gef-editor.html).

The reason why I’d like to have this feature is that users could have a pre-defined workflow as a background image, and they could overlay the node on top of that picture (which could be much fancier :).

---

<div class="post-metadata">

**Author:** ![fabian.dill](https://forum-cdn.knime.com/letter_avatar_proxy/v4/letter/f/a6a055/32.png) [@fabian.dill](https://forum.knime.com/u/fabian.dill)\
**Post date:** [March 18, 2009, 4:17pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/5 "2009-03-18T16:17:37Z")

</div>

Nice idea! Providing example workflows is not an option? As you probably already know - they can be easily imported (right-click in the workflow projects, select “Import KNIME workflow”).

---

<div class="post-metadata">

**Author:** ![syr1k](https://forum-cdn.knime.com/letter_avatar_proxy/v4/letter/s/a587f6/32.png) [@syr1k](https://forum.knime.com/u/syr1k)\
**Post date:** [March 18, 2009, 4:32pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/6 "2009-03-18T16:32:00Z")

</div>

Yes, I could do that. However, users would like to see some more shapes beyond rectangles 🙂 Also, they may have a legacy process flow graph in everybody’s mind, and they would instantly link KNIME nodes with what they knew if they see the graph. It would be a nice to have feature of KNIME.

---

<div class="post-metadata">

**Author:** ![fabian.dill](https://forum-cdn.knime.com/letter_avatar_proxy/v4/letter/f/a6a055/32.png) [@fabian.dill](https://forum.knime.com/u/fabian.dill)\
**Post date:** [March 18, 2009, 4:40pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/7 "2009-03-18T16:40:23Z")

</div>

We have already a related feature request on our list: the possibility to draw rectangles, arrows and notes on the workflow in order to visually annotate and group the nodes on the workflow. That would probably go in your proposed direction? But as always it is just a matter of resources - no promises here 😉

---

<div class="post-metadata">

**Author:** ![JackBibiRoot](https://forum-cdn.knime.com/user_avatar/forum.knime.com/jackbibiroot/32/3741_2.png) [@JackBibiRoot](https://forum.knime.com/u/JackBibiRoot)\
**Post date:** [April 25, 2019, 9:00am UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/8 "2019-04-25T09:00:26Z")

</div>

Hi Fabian,

That’s good to read. I would need that feature - being able to draw shapes on the Editor. When delivering some workflows, it is always nice to enhance explanations with annotations and more. I am not a big fan of PPT and I hate copying/pasting. Simply opening Knime and delivering everything from there is a great idea.

Also, do you have the intention of enabling image (.jpeg) inclusion on the editor (simply for illustration - no processing whatsoever)? Thanks!

---

<div class="post-metadata">

**Author:** ![gab1one](https://forum-cdn.knime.com/user_avatar/forum.knime.com/gab1one/32/461_2.png) [@gab1one](https://forum.knime.com/u/gab1one)\
**Post date:** [April 25, 2019, 3:03pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/9 "2019-04-25T15:03:08Z")

</div>

Hi @JackBibiRoot  
take a look at the documentation:  
[https://docs.knime.com/2018-12/analytics\_platform\_workbench\_guide/index.html#img-comments-annotations](https://docs.knime.com/2018-12/analytics_platform_workbench_guide/index.html#img-comments-annotations)  
on how to add annotations to a workflow. Also check out the following video:

best,  
Gabriel

---

<div class="post-metadata">

**Author:** ![JackBibiRoot](https://forum-cdn.knime.com/user_avatar/forum.knime.com/jackbibiroot/32/3741_2.png) [@JackBibiRoot](https://forum.knime.com/u/JackBibiRoot)\
**Post date:** [April 25, 2019, 3:51pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/10 "2019-04-25T15:51:57Z")

</div>

Thanks for the video, I watched it but that does not answer my request! I would find cool to add a picture on the Editor, or adding shapes/arrows/etc. Just like you would do in PPT for instance.

---

<div class="post-metadata">

**Author:** ![ipazin](https://forum-cdn.knime.com/user_avatar/forum.knime.com/ipazin/32/806_2.png) [@ipazin](https://forum.knime.com/u/ipazin)\
**Post date:** [April 26, 2019, 10:00am UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/11 "2019-04-26T10:00:23Z")

</div>

Hi there!

@JackBibiRoot I see. What would be the use case of this pictures/shapes/arrows/?

Maybe some print screen from paint can help 🙂

Br,  
Ivan

---

<div class="post-metadata">

**Author:** ![amars](https://forum-cdn.knime.com/user_avatar/forum.knime.com/amars/32/13457_2.png) [@amars](https://forum.knime.com/u/amars)\
**Post date:** [February 6, 2020, 4:10am UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/12 "2020-02-06T04:10:00Z")

</div>

I really need the same thing for my students. It does help to have a background image somewhere at the background of the workflow to assist them as a first step or to have a map as a background for reference or as a live map of spatial data results…just an idea for the developers.

---

<div class="post-metadata">

**Author:** ![quaeler](https://forum-cdn.knime.com/user_avatar/forum.knime.com/quaeler/32/3944_2.png) [@quaeler](https://forum.knime.com/u/quaeler)\
**Post date:** [February 6, 2020, 4:24am UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/13 "2020-02-06T04:24:46Z")

</div>

Do you find it not possible to achieve the same thing using workflow annotations to group nodes as is done in many of the example workflows?

---

<div class="post-metadata">

**Author:** ![amars](https://forum-cdn.knime.com/user_avatar/forum.knime.com/amars/32/13457_2.png) [@amars](https://forum.knime.com/u/amars)\
**Post date:** [February 6, 2020, 4:31am UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/14 "2020-02-06T04:31:14Z")

</div>

Annotations may include wording descriptions that may slow down the understanding of a workflow. I do not see the reason not to have the option to include an image, but I am not a developer to see any obstacle in implementation. The question about images came up after a student who had a more photographic mind rather than a reader-mind.

---

<div class="post-metadata">

**Author:** ![quaeler](https://forum-cdn.knime.com/user_avatar/forum.knime.com/quaeler/32/3944_2.png) [@quaeler](https://forum.knime.com/u/quaeler)\
**Post date:** [February 6, 2020, 5:27am UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/15 "2020-02-06T05:27:47Z")

</div>

In some use cases, we do already include images in the background - but those are tiled; regardless, it is a ‘trivial’ implementation to put another image into that background.

That being said, two questions:

- How would you envision scaling the image? (i.e, you assign an image to the background which contains a section that highlights an area starting at x,y and is w,h wide and high, but then you find that you have too many nodes to reasonable fit in a rectangle of w,h? What would you imagine doing then?)
- In addition to that issue, what you describe requires a parallel spatial reckoning - the user need, in a graphic editing program, envision how much space they would need for layout of certain node groups and create the background appropriately, and then insert that image into the workflow, moving around the nodes to match what they have envisioned. This seems non-ideal, on first blush - no?

---

<div class="post-metadata">

**Author:** ![system](https://forum-cdn.knime.com/uploads/default/original/1X/ab3ccf34482a0329361734a18199390177204f15.png) [@system](https://forum.knime.com/u/system)\
**Post date:** [June 23, 2023, 8:14pm UTC](https://forum.knime.com/t/change-workflow-editor-background-image/413/16 "2023-06-23T20:14:38Z")

</div>


