<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Ossi Galkin</title>
    <description>The latest articles on DEV Community by Ossi Galkin (@ossigalkin).</description>
    <link>https://dev.to/ossigalkin</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3855669%2Fd099e6ee-dc9c-463e-a37e-09239664f28f.jpg</url>
      <title>DEV Community: Ossi Galkin</title>
      <link>https://dev.to/ossigalkin</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ossigalkin"/>
    <language>en</language>
    <item>
      <title>Can You Build a Christmas Tree in a Frends Process?</title>
      <dc:creator>Ossi Galkin</dc:creator>
      <pubDate>Wed, 01 Apr 2026 13:19:33 +0000</pubDate>
      <link>https://dev.to/ossigalkin/can-you-build-a-christmas-tree-in-a-frends-process-2mli</link>
      <guid>https://dev.to/ossigalkin/can-you-build-a-christmas-tree-in-a-frends-process-2mli</guid>
      <description>&lt;p&gt;Someone asked if our Christmas process was real. It is. Here’s how to build a working Christmas tree inside a Frends Process — emoji snowflakes, ASCII art, and all. That Process was published at the end of the year 2025 in newsletters and on &lt;a href="https://www.linkedin.com/posts/frends-app_as-the-year-comes-to-a-close-wed-like-to-activity-7409503226208841728-V_9T/" rel="noopener noreferrer"&gt;LinkedIn&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn8gl2y7yhzm7nu5kszkg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn8gl2y7yhzm7nu5kszkg.png" alt="Frends Processes made to look like Christmas Tree" width="800" height="999"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The Process is real. With one small caveat. The menu on the left is from the Process Editor, whereas the image clearly shows a Process Instance, which doesn’t have that menu.&lt;/p&gt;

&lt;h2&gt;
  
  
  Trick 1: ASCII Art &amp;amp; Emojis
&lt;/h2&gt;

&lt;p&gt;Ok, but how can one create such a Process? Let’s start with the easiest elements in the image. Clearly, one shape of ASCII Art Santa is its description. The snowflakes are emojis ❄. They appear to float freely, as in Frends, for certain shapes, you can move the name away from the shape itself. You can have spaces and newlines in names. Also, you can add a name to an element by double-clicking it. This allows you to play with snowflakes more easily.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4nxpcqpxd7wb52pnt72k.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4nxpcqpxd7wb52pnt72k.png" alt="Clearly, those two snowflakes are names of other shapes!" width="800" height="788"&gt;&lt;/a&gt;&lt;br&gt;
Clearly, those two snowflakes are names of other shapes!&lt;/p&gt;

&lt;p&gt;The same trick is used in a Christmas tree. E.g., the name of the middle Task is&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;🟡     🟡

🟡      🟡        🟡
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The Frends also does indentation for the first line of the name for every Task, so you don’t need white space in front of the first yellow ball. That name is centered on the Task. However, you can’t float it around. The emoji tricks are just the beginning; the tree shape itself required something deeper.&lt;/p&gt;

&lt;h2&gt;
  
  
  Trick 2: Changing Task Sizes
&lt;/h2&gt;

&lt;p&gt;The Tasks themselves look odd. Normally, Tasks are the same size. Always. Period.&lt;/p&gt;

&lt;p&gt;However, Frends supports you in importing any valid BPMN diagram as a Frends Process. That diagram can have anything that BPMN supports. Before you can save it as a Process, you need to remove all unsupported BPMN shapes. But for supported shapes, you can keep any alterations that you have made. It is handy for preserving the readability of imported Processes. But it can be used creatively.&lt;/p&gt;

&lt;p&gt;What is more convenient for creators is that you can just edit shapes after you have exported the Process to a file. In the Process, the size of the Tasks is slightly modified. Widths are set to 50, 100, and 200. You can have a Task with a width of 200 with the following definitions. Just look at the correct BPMNShape element in Process export and edit it and import ib back to Frends&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight xml"&gt;&lt;code&gt; &lt;span class="nt"&gt;&amp;lt;bpmndi:BPMNShape&lt;/span&gt; &lt;span class="na"&gt;id=&lt;/span&gt;&lt;span class="s"&gt;\"Task_L2_di\"&lt;/span&gt; &lt;span class="na"&gt;bpmnElement=&lt;/span&gt;&lt;span class="s"&gt;\"Task_L2\"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
     &lt;span class="nt"&gt;&amp;lt;dc:Bounds&lt;/span&gt; &lt;span class="na"&gt;x=&lt;/span&gt;&lt;span class="s"&gt;\"700\"&lt;/span&gt; &lt;span class="na"&gt;y=&lt;/span&gt;&lt;span class="s"&gt;\"-10\"&lt;/span&gt; &lt;span class="na"&gt;width=&lt;/span&gt;&lt;span class="s"&gt;\"200\"&lt;/span&gt; &lt;span class="na"&gt;height=&lt;/span&gt;&lt;span class="s"&gt;\"80\"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
     &lt;span class="nt"&gt;&amp;lt;bpmndi:BPMNLabel&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
 &lt;span class="nt"&gt;&amp;lt;/bpmndi:BPMNShape&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Trick 3: Process State Timing
&lt;/h2&gt;

&lt;p&gt;The last trick in the Process is that it started from Manual Trigger, executed Tasks successfully, and then the Exclusive Decision was still running when the screenshot was taken. The rest of the Process is yet to be executed. Thus, the tree is green, the star on top of it is yellow, and the rest of the Process is grey, serving as authentic ground for Finnish Christmas!&lt;/p&gt;

&lt;p&gt;In the end, Exclusive Decision accepts any C# that evaluates true or false. So you just need to make something slow to give you enough time to take the screenshot.&lt;/p&gt;

&lt;p&gt;So yes, it’s a real, working Frends Process. Just with a little holiday spirit baked in. Have you tried any creative BPMN tricks in Frends? I’d love to see what you’ve built — share it in the comments or in the &lt;a href="https://frends.to.frends.com/c/feeling-funny/finally-the-answer-to-the-most-important-question" rel="noopener noreferrer"&gt;Frends Community&lt;/a&gt;!&lt;/p&gt;

</description>
      <category>frends</category>
      <category>bpmn</category>
      <category>integration</category>
    </item>
  </channel>
</rss>
