---
title: "ConvertLayoutIntoGroupCommand | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ConvertLayoutIntoGroupCommand/"
---

# ConvertLayoutIntoGroupCommand

> - [`BaseItemsCommand`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#abstract-baseitemscommand)\<[`IConvertLayoutIntoGroupArgs`](#iconvertlayoutintogroupargs), [`MultiSelectMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Commands.md#multiselectmode)[]\>

## Classes

### ConvertLayoutIntoGroupCommand

#### Extends

#### Constructors

##### Constructor

```ts
new ConvertLayoutIntoGroupCommand(
   productHandler, 
   historyArgs, 
   args, 
   commandManager): ConvertLayoutIntoGroupCommand;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `productHandler` | [`ProductHandler`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ProductHandler.md#producthandler) |
| `historyArgs` | [`IHistoryArgs`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ModelUpdateCommand.md#ihistoryargs) |
| `args` | [`IConvertLayoutIntoGroupArgs`](#iconvertlayoutintogroupargs) |
| `commandManager` | [`CommandManager`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/CommandManager.md#commandmanager) |

###### Returns

[`ConvertLayoutIntoGroupCommand`](#convertlayoutintogroupcommand)

###### Overrides

[`BaseItemsCommand`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#abstract-baseitemscommand).[`constructor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#constructor)

#### Methods

##### execute()

```ts
execute(): Promise<GroupItem[]>;
```

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<`GroupItem`[]\>

###### Inherited from

[`BaseItemsCommand`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#abstract-baseitemscommand).[`execute`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#execute)

##### executeCommandBody()

```ts
executeCommandBody(): Promise<GroupItem[]>;
```

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<`GroupItem`[]\>

###### Overrides

```ts
BaseItemsCommand._executeCommandBody
```

##### redo()

```ts
redo(): Promise<void>;
```

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<`void`\>

###### Overrides

[`BaseItemsCommand`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#abstract-baseitemscommand).[`redo`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#redo)

##### undo()

```ts
undo(): Promise<void>;
```

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<`void`\>

###### Overrides

[`BaseItemsCommand`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#abstract-baseitemscommand).[`undo`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/BaseItemsCommand.md#undo)

## Interfaces

### IConvertLayoutIntoGroupArgs

#### Extends

- [`MultiSelectMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Commands.md#multiselectmode)\<[`MultiSelectMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Commands.md#multiselectmode)\>