# Grouping Elements together to move them all at once instead of dragging each label , button, param, etc

**URL:** <https://rossvideo.community/t/grouping-elements-together-to-move-them-all-at-once-instead-of-dragging-each-label-button-param-etc/8518>\
**Category:** Automation & Control\
**Created:** [November 17, 2020, 8:20pm UTC](https://rossvideo.community/t/grouping-elements-together-to-move-them-all-at-once-instead-of-dragging-each-label-button-param-etc/8518 "2020-11-17T20:20:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nicolaslachapelle](https://rossvideo.community/letter_avatar_proxy/v4/letter/n/8baadc/32.png) [@nicolaslachapelle](https://rossvideo.community/u/nicolaslachapelle)\
**Post date:** [November 17, 2020, 8:20pm UTC](https://rossvideo.community/t/grouping-elements-together-to-move-them-all-at-once-instead-of-dragging-each-label-button-param-etc/8518/1 "2020-11-17T20:20:00Z")

</div>

Hi, I have a panel with a lot of buttons, Tabs and timers. I’d like to group the elements together so that when I move them all the buttons and labels etc move with it. How could I do this?

Thank you!

---

<div class="post-metadata">

**Author:** ![bengatien](https://rossvideo.community/letter_avatar_proxy/v4/letter/b/b5a626/32.png) [@bengatien](https://rossvideo.community/u/bengatien)\
**Post date:** [November 17, 2020, 8:35pm UTC](https://rossvideo.community/t/grouping-elements-together-to-move-them-all-at-once-instead-of-dragging-each-label-button-param-etc/8518/2 "2020-11-17T20:35:00Z")

</div>

Hi Nicolas,

You can use a container, like the Canvas.

 ![](https://discourse-rossvideo-uploads-east2.s3.dualstack.us-east-2.amazonaws.com/original/1X/5fa43c20d63eecc20a44a33f9bbfd7de13c52a64.png)

But you have to put it down before you put the elements in it.

If you have exsiting elements, you’ll have to edit the source. So if you have 3 elements that already exist, and you want to move them into the canvas below:

 ![](https://discourse-rossvideo-uploads-east2.s3.dualstack.us-east-2.amazonaws.com/original/1X/e5c48753715525e0964a95fb0d7c3e564f161a2d.png)

You have to edit the code to look like this:

 ![](https://discourse-rossvideo-uploads-east2.s3.dualstack.us-east-2.amazonaws.com/original/1X/cc57371a94c5b71172cb8216195cdf0219d05dc9.png)

You’ll also have to adjust the position of all the elements (left, top, etc). Those will now be relative to the canvas and not the top of the panel.

You should also look at the simple grid container. It’s also very useful.

If you watch this video, you’ll learn a lot about containers.

[https://www.rossvideo.com/gallery/creating-a-mockup-of-your-panel/](https://www.rossvideo.com/gallery/creating-a-mockup-of-your-panel/)

[#DashBoard](https://livinglive.community/search?s=tags%3A%22DashBoard%22&executesearch=true)