---
id: "T:cAlgo.API.StretchDirection"
kind: "enum"
namespace: "cAlgo.API"
url: "https://help.ctrader.com/ctrader-algo/references/Controls/StretchDirection/"
---

> Documentation index for agents: https://help.ctrader.com/ctrader-algo/llms.txt · machine index: https://help.ctrader.com/ctrader-algo/api.json

# StretchDirection (enum)

Describes how scaling applies to content and restricts scaling to named axis types.

Environments: Desktop supported · CLI supported · Cloud supported.

## Definition

```csharp
public enum StretchDirection
```

## Examples

C#:

```csharp
using cAlgo.API;

namespace cAlgo
{
    // This sample shows how to use the StretchDirection
    public partial class StretchDirectionSample : Indicator
    {
        protected override void Initialize()
        {
            var image = new Image
            {
                Source = new SvgIcon("<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><circle cx='32' cy='32' r='30' fill='#2F4BFF'/></svg>"),
                Width = 200,
                Height = 200,
                HorizontalAlignment = HorizontalAlignment.Center,
                VerticalAlignment = VerticalAlignment.Center,
                StretchDirection = StretchDirection
            };

            Chart.AddControl(image);
        }

        public override void Calculate(int index)
        {
        }
    }
}
```

Python:

```python
import clr
clr.AddReference("cAlgo.API")

from cAlgo.API import *

class Test():
    SVG = "<svg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon'  version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M512 960c-92.8 0-160-200-160-448S419.2 64 512 64s160 200 160 448-67.2 448-160 448z m0-32c65.6 0 128-185.6 128-416S577.6 96 512 96s-128 185.6-128 416 62.4 416 128 416z' fill='#050D42' /><path d='M124.8 736c-48-80 92.8-238.4 307.2-363.2S852.8 208 899.2 288 806.4 526.4 592 651.2 171.2 816 124.8 736z m27.2-16c33.6 57.6 225.6 17.6 424-97.6S905.6 361.6 872 304 646.4 286.4 448 401.6 118.4 662.4 152 720z' fill='#050D42' /><path d='M899.2 736c-46.4 80-254.4 38.4-467.2-84.8S76.8 368 124.8 288s254.4-38.4 467.2 84.8S947.2 656 899.2 736z m-27.2-16c33.6-57.6-97.6-203.2-296-318.4S184 246.4 152 304 249.6 507.2 448 622.4s392 155.2 424 97.6z' fill='#050D42' /><path d='M512 592c-44.8 0-80-35.2-80-80s35.2-80 80-80 80 35.2 80 80-35.2 80-80 80zM272 312c-27.2 0-48-20.8-48-48s20.8-48 48-48 48 20.8 48 48-20.8 48-48 48zM416 880c-27.2 0-48-20.8-48-48s20.8-48 48-48 48 20.8 48 48-20.8 48-48 48z m448-432c-27.2 0-48-20.8-48-48s20.8-48 48-48 48 20.8 48 48-20.8 48-48 48z' fill='#2F4BFF' /></svg>"

    def initialize(self):
        image = Image()
        image.HorizontalAlignment = HorizontalAlignment.Center
        image.VerticalAlignment = VerticalAlignment.Center
        image.StretchDirection = api.StretchDirection
        image.Source = SvgIcon(self.SVG)

        api.Chart.AddControl(image)
```

config.json:

```json
{
  "AccessRights": "None",
  "TimeZone": "UTC",
  "IsOverlay": true,
  "Parameters": [
    {
      "Name": "StretchDirection",
      "DisplayName": "Stretch Direction",
      "Type": "Enum",
      "EnumTypeFullName": "cAlgo.API.StretchDirection",
      "DefaultValue": "UpOnly"
    }
  ]
}
```

## Values

- `StretchDirection.UpOnly` — The content scales upward only when it is smaller than the parent. If the content is larger, no scaling downward is performed.
- `StretchDirection.DownOnly` — The content scales downward only when it is larger than the parent. If the content is smaller, no scaling upward is performed.
- `StretchDirection.Both` — The content stretches to fit the parent according to the Stretch mode.