# How to draw new element to Flowable Modeler

**URL:** <https://forum.flowable.org/t/how-to-draw-new-element-to-flowable-modeler/5306>\
**Category:** Flowable Application\
**Created:** [January 27, 2020, 5:06pm UTC](https://forum.flowable.org/t/how-to-draw-new-element-to-flowable-modeler/5306 "2020-01-27T17:06:03Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![giova23](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.flowable.org/giova23/32/1251_2.png) [@giova23](https://forum.flowable.org/u/giova23)\
**Post date:** [January 27, 2020, 5:06pm UTC](https://forum.flowable.org/t/how-to-draw-new-element-to-flowable-modeler/5306/1 "2020-01-27T17:06:03Z")

</div>

Hi guys,

I’m trying to introduce new elements in Flowable Modeler, in particularly the Choreography Task:  
 ![ChoerographyTask](https://canada1.discourse-cdn.com/flex035/uploads/flowable/original/2X/6/62d0d7aa070078a7349f21aee275aea2013ebfcc.png)

I need to add my element in stencilset\_bpmn.json but i don’t know how to make a correctly “view”:

 ![ChoreographyStencil](https://canada1.discourse-cdn.com/flex035/uploads/flowable/original/2X/b/b1a2f3a42f618add1d90c8a21a78eaf2447521eb.png)

It seems to be XML language with svg, but i don’t know how to use Oryx.  
Do you have any suggestion for me?  
Thanks

---

<div class="post-metadata">

**Author:** ![joram](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.flowable.org/joram/32/26_2.png) [@joram](https://forum.flowable.org/u/joram)\
**Post date:** [February 4, 2020, 9:50am UTC](https://forum.flowable.org/t/how-to-draw-new-element-to-flowable-modeler/5306/2 "2020-02-04T09:50:06Z")

</div>

The view is indeed an svg structure, which gets appended to the DOM when the element gets dropped. Best is to take the one from the regular task for example and enhance it (e.g. with inkscape) and then copy the svg back as xml into the json.