> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# IFluidLayoutDescriptor

- Package: [@gooddata/sdk-ui-ext](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/index.md)
- Kind: interface
- Stability: alpha
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-ext/src/internal/interfaces/LayoutDescriptor.ts

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Fluid Layout descriptor. Provides parameters of fluid layout.

**Signature:**

```typescript
export interface IFluidLayoutDescriptor extends ILayoutDescriptor 
```
**Extends:** [ILayoutDescriptor](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.ilayoutdescriptor/index.md)

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [gridColumnsCount](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.ifluidlayoutdescriptor/index.md#ifluidlayoutdescriptorgridcolumnscount) |  | number | **_(ALPHA)_** Total number of grid columns. Used if visualization should take 100% width by its size |
| [gridRowHeight](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.ifluidlayoutdescriptor/index.md#ifluidlayoutdescriptorgridrowheight) |  | number | **_(ALPHA)_** Height of one grid row in px. It is used for conversion of height between grid rows and px |
| [type](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.ifluidlayoutdescriptor/index.md#ifluidlayoutdescriptortype) |  | "fluid" | **_(ALPHA)_** |

## Methods

| Method | Description |
| --- | --- |
| [toGridHeight(heightPx)](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.ifluidlayoutdescriptor/index.md#ifluidlayoutdescriptortogridheight) | **_(ALPHA)_** Converts height in px to the height in layout units |
| [toHeightInPx(height)](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.ifluidlayoutdescriptor/index.md#ifluidlayoutdescriptortoheightinpx) | **_(ALPHA)_** Converts height in layout units to the height in px |

## Property details

### IFluidLayoutDescriptor.gridColumnsCount

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Total number of grid columns. Used if visualization should take 100% width by its size

**Signature:**

```typescript
gridColumnsCount: number;
```

### IFluidLayoutDescriptor.gridRowHeight

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Height of one grid row in px. It is used for conversion of height between grid rows and px

**Signature:**

```typescript
gridRowHeight: number;
```

### IFluidLayoutDescriptor.type

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
type: "fluid";
```

## Method details

### IFluidLayoutDescriptor.toGridHeight()

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Converts height in px to the height in layout units

**Signature:**

```typescript
toGridHeight(heightPx: number): number;
```

#### Parameters

| Parameter | Type | Description |
| --- | --- | --- |
| heightPx | number |  |

**Returns:**

number

### IFluidLayoutDescriptor.toHeightInPx()

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Converts height in layout units to the height in px

**Signature:**

```typescript
toHeightInPx(height: number): number;
```

#### Parameters

| Parameter | Type | Description |
| --- | --- | --- |
| height | number |  |

**Returns:**

number