# BarStyleCellTextLayout

Canonical page: https://www.adaptabletools.com/docs/reference/barstylecelltextlayout

Per-value cell-text layout: each value (Cell Value, Percent Value) can be
independently placed on the 3 × 3 grid (Above/Below/Merged × Left/Center/Right).

A value is shown only when its key is present. When both values land on the
same horizontal slot at the same vertical position they are concatenated with
a single space (Cell Value first, then Percent Value).

```ts title="TypeScript"
export interface BarStyleCellTextLayout 
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [CellValue](https://www.adaptabletools.com/docs/reference/barstylecelltextlayout.md#cellvalue) | [`BarStyleCellTextPlacement`](https://www.adaptabletools.com/docs/reference/barstylecelltextplacement.md) | Placement of the formatted cell value. |
| [PercentValue](https://www.adaptabletools.com/docs/reference/barstylecelltextlayout.md#percentvalue) | [`BarStyleCellTextPlacement`](https://www.adaptabletools.com/docs/reference/barstylecelltextplacement.md) | Placement of the percent value (the cell value&#39;s position along the bar&#39;s<br/>`[min, max]` scale as a 0–100% reading). |

## Property Details

### CellValue

Placement of the formatted cell value.

```ts title="TypeScript"
CellValue?: BarStyleCellTextPlacement;
```

###### Property Value

[`BarStyleCellTextPlacement`](https://www.adaptabletools.com/docs/reference/barstylecelltextplacement.md)

### PercentValue

Placement of the percent value (the cell value&#39;s position along the bar&#39;s
`[min, max]` scale as a 0–100% reading).

```ts title="TypeScript"
PercentValue?: BarStyleCellTextPlacement;
```

###### Property Value

[`BarStyleCellTextPlacement`](https://www.adaptabletools.com/docs/reference/barstylecelltextplacement.md)