# How to create a group of SVG objects in Dashboard?

**URL:** https://discourse.nodered.org/t/how-to-create-a-group-of-svg-objects-in-dashboard/78397
**Category:** Dashboard
**Tags:** node-red-dashboard
**Created:** [13 May 2023 10:37 UTC](https://discourse.nodered.org/t/how-to-create-a-group-of-svg-objects-in-dashboard/78397 "2023-05-13T10:37:00Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![beg1nner](https://avatars.discourse-cdn.com/v4/letter/b/d26b3c/32.png) [@beg1nner](https://discourse.nodered.org/u/beg1nner)
#### Post date: [13 May 2023 10:37 UTC](https://discourse.nodered.org/t/how-to-create-a-group-of-svg-objects-in-dashboard/78397/1 "2023-05-13T10:37:00Z")

</div>

Hi there,

I'd like to create a group of svg objects, because moving every single object is a way to hard (once I'll have around 100 svg objects). Is there an easy way to do that?

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/e/dee1ef8b69a91d7af13f4089e050acbce3642f94.png)

Is it possible to move all objects of a group?

Best regards and thanks for any help  
beg1nner

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [13 May 2023 12:30 UTC](https://discourse.nodered.org/t/how-to-create-a-group-of-svg-objects-in-dashboard/78397/2 "2023-05-13T12:30:01Z")

</div>

> [@beg1nner](#):
>
> Is it possible to move all objects of a group?

Yes, use transform:translate

> **[transform - SVG: Scalable Vector Graphics | MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform#translate)**
>
> The transform attribute defines a list of transform definitions that are applied to an element and the element's children.

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [13 May 2023 17:40 UTC](https://discourse.nodered.org/t/how-to-create-a-group-of-svg-objects-in-dashboard/78397/3 "2023-05-13T17:40:21Z")

</div>

Heading changed to reflect this is something for Dashboard (since there are also other ways to work with SVG images in Node-RED).

Also removed function node tag as unnecessary.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [27 May 2023 17:40 UTC](https://discourse.nodered.org/t/how-to-create-a-group-of-svg-objects-in-dashboard/78397/4 "2023-05-27T17:40:50Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
