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

# ConvertGroupIntoLayoutCommand

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

## Classes

### ConvertGroupIntoLayoutCommand

#### Extends

#### Constructors

##### Constructor

```ts
new ConvertGroupIntoLayoutCommand(
   productHandler, 
   historyArgs, 
   args, 
   commandManager, 
   canvas?): ConvertGroupIntoLayoutCommand;
```

###### 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` | [`IConvertGroupIntoLayoutArgs`](#iconvertgroupintolayoutargs) |
| `commandManager` | [`CommandManager`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/CommandManager.md#commandmanager) |
| `canvas?` | [`Canvas`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Canvas-1.md#canvas) |

###### Returns

[`ConvertGroupIntoLayoutCommand`](#convertgroupintolayoutcommand)

###### 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<LayoutItem[]>;
```

###### Returns

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

###### 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<LayoutItem[]>;
```

###### Returns

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

###### 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

### IConvertGroupIntoLayoutArgs

#### 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)\>