# 🎨 Visual Customization

## structured Chart Enhancement System[​](#structured-chart-enhancement-system "Direct link to structured Chart Enhancement System")

BananaEA features a **comprehensive visual customization system** with 20+ parameters for trade panels, close buttons, colors, sizing, and positioning.

> **✨ v4.4.0 Layout Revolution:** Drag ANY window to your perfect position - EA remembers YOUR layout forever!
>
> **✨ v4.4.2 Efficiency Boost:** New X button cleans your chart with ONE click while protecting EA interface!

***

## Overview: Visual Elements[​](#overview-visual-elements "Direct link to Overview: Visual Elements")

**BananaEA displays:**

1. **Trade Info Panels** — Real-time trade information for each open position
2. **Close Buttons** — One-click trade management (full close, half close)
3. **Status Panels** — EA status, mode, and performance metrics
4. **Watermark** — EA branding and version information

**Customization categories:**

* Panel colors (background, BUY/SELL titles)
* Panel sizing (width, height, spacing)
* Panel positioning (corner, offsets)
* Button controls (size, colors)
* Font sizing and transparency

***

## 🎨 Revolutionary Layout System (v4.4.0+)[​](#-revolutionary-layout-system-v440 "Direct link to 🎨 Revolutionary Layout System (v4.4.0+)")

### Drag Anywhere, Remember Forever[​](#drag-anywhere-remember-forever "Direct link to Drag Anywhere, Remember Forever")

**NEW: Complete Layout Freedom**

All EA windows are now **fully draggable** with **persistent memory**:

✅ **Drag Any Window** - Dashboard, trade panels, history window - everything! ✅ **Smart Memory** - EA remembers YOUR perfect layout ✅ **Persistent Across**:

* EA reloads
* MT4 restarts
* Symbol switches
* Timeframe changes ✅ **Symbol-Specific** - Different layouts for different charts!

**How to Use:**

```
STEP 1: Click and hold any window title bar

   ↓

STEP 2: Drag to your preferred position

   ↓

STEP 3: Release mouse button

   ↓

✅ Position saved automatically - FOREVER!
```

**structured Workspace Examples:**

**Scalper Setup:**

* Dashboard: Bottom-right corner (minimal distraction)
* Trade panels: Left side (quick access)
* History window: Hidden or minimized
* **Result:** Maximum chart space for price action!

**Swing Trader Setup:**

* Dashboard: Top-left (always visible)
* Trade panels: Right side (monitoring)
* History window: Bottom (performance tracking)
* **Result:** Complete overview at a glance!

**Multi-Monitor Setup:**

* Dashboard: Secondary monitor
* Trade panels: Secondary monitor
* Charts: Primary monitor (100% clean view!)
* **Result:** structured trading station!

**Benefits:**

🎯 **YOUR Layout, YOUR Way** - Position windows exactly where YOU want them ⏱️ **Zero Repositioning** - Set once, use forever across all sessions 🖥️ **Multi-Monitor Support** - Spread across multiple screens 🌟 **No Clutter** - Organize for YOUR specific trading style ✅ **clear appearance** - Clean, organized workspace

**Smart Features:**

* Different positions for different symbols (GER40 vs NAS100)
* Different layouts for different timeframes (M5 vs H1)
* Instant recall on EA reload
* Survives MT4 restarts

**Set your perfect workspace ONCE - enjoy it FOREVER!**

***

## 🧹 One-Click Chart Cleanup (v4.4.2+)[​](#-one-click-chart-cleanup-v442 "Direct link to 🧹 One-Click Chart Cleanup (v4.4.2+)")

### Clean Charts Instantly, Safely[​](#clean-charts-instantly-safely "Direct link to Clean Charts Instantly, Safely")

**NEW: Intelligent Cleanup Button**

The **X button** provides chart management with smart protection:

**What It Cleans (YOUR Objects):** ✅ Trendlines and drawing tools ✅ Text labels and notes ✅ Fibonacci levels ✅ Old analysis markup ✅ Manual chart objects

**What It Protects (EA Objects):** ✅ EA dashboard and control buttons ✅ Trade information panels ✅ History/performance window ✅ ALL EA visual elements ✅ X button itself (no self-deletion!)

**One-Click Efficiency:**

**Before v4.4.2:**

* Right-click → Objects → Delete all objects
* Risk accidentally deleting EA interface
* Multiple clicks and menu navigation
* Time-consuming process

**After v4.4.2:**

* **ONE CLICK on X button** ✅
* EA interface automatically protected
* Instant clean chart!
* structured workflow

**Perfect Workflow:**

```
1. Draw trendlines for analysis

2. Make trading decisions

3. Click X button when done

4. ✅ Chart clean, EA interface intact!

5. Ready for next analysis
```

**Benefits:**

⚡ **Lightning Fast** - One click vs multiple menu steps 🛡️ **Designed to avoid EA interface objects** - EA interface never touched 🎯 **structured** - Clean charts without interruption ✅ **Smart Protection** - Knows what to clean, what to keep

**Note:** History window now has **enhanced protection** (v4.4.5) - stays visible even during cleanup!

***

## Trade Info Panels[​](#trade-info-panels "Direct link to Trade Info Panels")

### `ShowTradeInfoPanel` - Display Trade Panels[​](#showtradeinfopanel---display-trade-panels "Direct link to showtradeinfopanel---display-trade-panels")

**What it does:** Shows/hides real-time trade information panels.

**Configuration:**

* **Default:** true (enabled, recommended)

* **Purpose:** Monitor open trades without MT4 terminal tab

* **Displays:**

  * Trade ticket number
  * Entry price
  * Current profit/loss
  * Stop loss level
  * Take profit level
  * Trade direction (BUY/SELL)

**Panel features:**

* ✅ Always visible on chart
* ✅ Live orders only (excludes pending orders)
* ✅ Auto-cleanup when trades close
* ✅ Dynamic positioning (stacks vertically)
* ✅ One-click close buttons (if enabled)

**When to disable:**

* Minimalist chart preferences
* Using MT4 terminal for trade monitoring
* Screen space constraints
* Multiple charts (reduces clutter)

***

### Panel Positioning[​](#panel-positioning "Direct link to Panel Positioning")

#### `TradeInfoXOffset` - Horizontal Position[​](#tradeinfoxoffset---horizontal-position "Direct link to tradeinfoxoffset---horizontal-position")

**What it does:** Distance from corner edge (left or right).

**Configuration:**

* **Default:** 5 pixels
* **Range:** 0–500 pixels
* **Purpose:** Avoid chart overlap with indicators/objects

**Example:**

```
TradeInfoXOffset = 5   → Panel near corner edge

TradeInfoXOffset = 50  → Panel further from edge (more spacing)

TradeInfoXOffset = 200 → Panel significantly inset
```

#### `TradeInfoYOffset` - Vertical Position[​](#tradeinfoyoffset---vertical-position "Direct link to tradeinfoyoffset---vertical-position")

**What it does:** Distance from corner edge (top or bottom).

**Configuration:**

* **Default:** 20 pixels
* **Range:** 0–500 pixels
* **Purpose:** Avoid overlap with chart timeframe labels

**Positioning strategy:**

```
Screen layout:

┌─────────────────────────────────┐

│ [TradeInfoYOffset = 20]         │ ← Top spacing

│ ┌─────────────────┐             │

│ │  TRADE PANEL 1  │             │

│ └─────────────────┘             │

│ [TradePanel_Spacing = 50]       │ ← Gap between panels

│ ┌─────────────────┐             │

│ │  TRADE PANEL 2  │             │

│ └─────────────────┘             │

│ [TradeInfoXOffset=5] →          │ ← Side spacing

└─────────────────────────────────┘
```

***

### Panel Colors[​](#panel-colors "Direct link to Panel Colors")

#### `TradePanel_BackgroundColor` - Panel Background[​](#tradepanel_backgroundcolor---panel-background "Direct link to tradepanel_backgroundcolor---panel-background")

**What it does:** Background color for all trade panels.

**Configuration:**

* **Default:** C'10,10,10' (very dark gray, nearly black)
* **Format:** RGB color or MT4 color constant
* **Purpose:** structured dark theme (reduces eye strain)

**Common color options:**

```
Dark theme (default):

TradePanel_BackgroundColor = C'10,10,10'     // Near-black (structured)

TradePanel_BackgroundColor = C'20,20,20'     // Dark gray

TradePanel_BackgroundColor = C'30,30,40'     // Dark blue-gray



Light theme:

TradePanel_BackgroundColor = C'240,240,240'  // Light gray

TradePanel_BackgroundColor = C'255,255,255'  // White



Custom:

TradePanel_BackgroundColor = C'20,30,40'     // Custom dark blue

TradePanel_BackgroundColor = clrMidnightBlue // MT4 constant
```

#### `TradePanel_BuyTitleColor` - BUY Trade Title[​](#tradepanel_buytitlecolor---buy-trade-title "Direct link to tradepanel_buytitlecolor---buy-trade-title")

**What it does:** Color for BUY trade panel headers.

**Configuration:**

* **Default:** Lime (bright green)

* **Purpose:** Instant visual identification of long positions

* **Alternatives:**

  * `clrLimeGreen` — Softer green
  * `clrAqua` — Blue-green (colorblind-friendly)
  * `clrGold` — Gold (alternative positive indicator)

#### `TradePanel_SellTitleColor` - SELL Trade Title[​](#tradepanel_selltitlecolor---sell-trade-title "Direct link to tradepanel_selltitlecolor---sell-trade-title")

**What it does:** Color for SELL trade panel headers.

**Configuration:**

* **Default:** OrangeRed (bright red-orange)

* **Purpose:** Instant visual identification of short positions

* **Alternatives:**

  * `clrRed` — Pure red
  * `clrMagenta` — Purple-pink (colorblind-friendly)
  * `clrOrange` — Orange (softer)

**Color psychology:**

```
BUY (Long positions):

Lime → Positive, growth, profit (default)

Aqua → Cool, calm, trending up



SELL (Short positions):

OrangeRed → Caution, bearish, trending down (default)

Magenta → Distinct from BUY, accessible
```

***

### Panel Sizing[​](#panel-sizing "Direct link to Panel Sizing")

#### `TradePanel_Width` - Panel Width[​](#tradepanel_width---panel-width "Direct link to tradepanel_width---panel-width")

**What it does:** Width of each trade panel in pixels.

**Configuration:**

* **Default:** 260 pixels
* **Range:** 150–400 pixels
* **Purpose:** Accommodate all trade information without text wrapping

**Sizing guidelines:**

```
Compact (200-240 pixels):

- Minimal screen usage

- Some text abbreviation

- Good for multi-chart layouts



Balanced (260-280 pixels) - DEFAULT:

- Full text display

- No abbreviations

- Recommended for most users



Wide (300-350 pixels):

- Extra spacing

- Large fonts comfortable

- Single-chart focus
```

#### `TradePanel_Height` - Panel Height[​](#tradepanel_height---panel-height "Direct link to tradepanel_height---panel-height")

**What it does:** Height of each trade panel in pixels.

**Configuration:**

* **Default:** 130 pixels
* **Range:** 80–200 pixels
* **Purpose:** Fit all trade details vertically

**Height requirements:**

```
Minimum (80-100 pixels):

- Compact display

- Small fonts required

- May cut off details



Standard (130-150 pixels) - DEFAULT:

- All information visible

- Comfortable font size

- clear appearance



Large (160-200 pixels):

- Extra spacing

- Large fonts (accessibility)

- Very comfortable viewing
```

#### `TradePanel_Spacing` - Panel Gap[​](#tradepanel_spacing---panel-gap "Direct link to tradepanel_spacing---panel-gap")

**What it does:** Vertical spacing between stacked trade panels.

**Configuration:**

* **Default:** 50 pixels
* **Range:** 10–100 pixels
* **Purpose:** Visual separation between multiple trades

**Spacing examples:**

```
Tight (10-30 pixels):

- Compact layout

- More panels visible

- May feel cramped



Balanced (50-60 pixels) - DEFAULT:

- Clear separation

- clear appearance

- Easy panel identification



Wide (70-100 pixels):

- Maximum separation

- Very clear distinction

- Good for large screens
```

**Visual example:**

```
TradePanel_Spacing = 50:

┌─────────────────┐

│  TRADE PANEL 1  │ ← 130 pixels height

└─────────────────┘

        ↓ 50 pixels spacing

┌─────────────────┐

│  TRADE PANEL 2  │

└─────────────────┘

        ↓ 50 pixels spacing

┌─────────────────┐

│  TRADE PANEL 3  │

└─────────────────┘
```

***

### Panel Text & Transparency[​](#panel-text--transparency "Direct link to Panel Text & Transparency")

#### `TradeInfoFontSize` - Panel Font Size[​](#tradeinfofontsize---panel-font-size "Direct link to tradeinfofontsize---panel-font-size")

**What it does:** Text size within trade panels.

**Configuration:**

* **Default:** 9 points
* **Range:** 7–14 points
* **Purpose:** Readability vs space efficiency

**Font size recommendations:**

```
Small (7-8 points):

- Compact display

- More info in less space

- May strain eyes



Standard (9-10 points) - DEFAULT:

- Comfortable reading

- clear appearance

- Recommended for most users



Large (11-14 points):

- Accessibility

- Easy reading from distance

- Requires larger panel height
```

#### `TradeInfoTransparency` - Panel Background Transparency[​](#tradeinfotransparency---panel-background-transparency "Direct link to tradeinfotransparency---panel-background-transparency")

**What it does:** Transparency level for trade panel backgrounds.

**Configuration:**

* **Default:** 10 (nearly opaque)

* **Range:** 0–255

  

  * **0** = Fully opaque (solid background)
  * **255** = Fully transparent (invisible background)

* **Purpose:** See chart through panels while maintaining readability

**Transparency levels:**

```
Opaque (0-20) - DEFAULT:

- Solid background

- Maximum text readability

- clear appearance



Semi-Transparent (50-100):

- See chart through panels

- Balanced visibility

- Modern look



Very Transparent (150-200):

- Minimal visual impact

- Chart clearly visible

- May reduce text readability



Nearly Invisible (220-255):

- No background visible

- Text only (hard to read)

- Not recommended
```

***

### Additional Panel Controls[​](#additional-panel-controls "Direct link to Additional Panel Controls")

#### `InfoPanel_Width` - Main Status Panel Width[​](#infopanel_width---main-status-panel-width "Direct link to infopanel_width---main-status-panel-width")

**What it does:** Width of main EA status panel (not trade panels).

**Configuration:**

* **Default:** 240 pixels
* **Range:** 200–400 pixels
* **Purpose:** EA version, mode, performance metrics

**Status panel displays:**

* EA version number
* Current mode (Auto Trading vs Trade Management)
* Active trades count
* Overall performance stats

#### `PanelTransparency` - General Panel Transparency[​](#paneltransparency---general-panel-transparency "Direct link to paneltransparency---general-panel-transparency")

**What it does:** Transparency for general panels (non-trade panels).

**Configuration:**

* **Default:** 10 (nearly opaque)
* **Range:** 0–255
* **Purpose:** Match trade panel transparency for consistent look

#### `PanelFontSize` - General Panel Font Size[​](#panelfontsize---general-panel-font-size "Direct link to panelfontsize---general-panel-font-size")

**What it does:** Font size for general panels (non-trade panels).

**Configuration:**

* **Default:** 9 points
* **Range:** 7–14 points
* **Purpose:** Match trade panel font size

***

## Trade Close Buttons[​](#trade-close-buttons "Direct link to Trade Close Buttons")

### `EnableTradeCloseButtons` - Show Close Buttons[​](#enabletradeclosebuttons---show-close-buttons "Direct link to enabletradeclosebuttons---show-close-buttons")

**What it does:** Displays one-click close buttons on each trade panel.

**Configuration:**

* **Default:** true (enabled, highly recommended)

* **Purpose:** Quick trade management without MT4 terminal

* **Buttons:**

  * **❌ (Full Close)** — Closes 100% of position
  * **½ (Half Close)** — Closes 50% of position (partial close)

**Button functionality:**

```
Full Close Button (❌):

- Click → Closes entire position

- Instant execution

- No confirmation prompt

- structured one-click exit



Half Close Button (½):

- Click → Closes 50% of position

- Locks in partial profit

- Remaining 50% stays open

- Perfect for risk-free trading
```

**When to disable:**

* Accidental click concerns (use MT4 terminal instead)
* Minimalist interface preference
* Prevent one-click closing (safety)

***

### Button Appearance[​](#button-appearance "Direct link to Button Appearance")

#### `CloseButton_Size` - Button Size[​](#closebutton_size---button-size "Direct link to closebutton_size---button-size")

**What it does:** Size of close buttons in pixels.

**Configuration:**

* **Default:** 20 pixels (width and height)
* **Range:** 15–40 pixels
* **Purpose:** Easy clicking without excessive space

**Button sizing:**

```
Small (15-18 pixels):

- Compact

- Less intrusive

- May be hard to click precisely



Standard (20-25 pixels) - DEFAULT:

- Easy clicking

- clear appearance

- Recommended



Large (30-40 pixels):

- Very easy clicking

- Accessibility

- More visual space used
```

#### `CloseButton_FullColor` - Full Close Button Color[​](#closebutton_fullcolor---full-close-button-color "Direct link to closebutton_fullcolor---full-close-button-color")

**What it does:** Background color for full close (❌) button.

**Configuration:**

* **Default:** clrRed (bright red)

* **Purpose:** Warning color (permanent action)

* **Alternatives:**

  * `clrCrimson` — Darker red
  * `clrMaroon` — Dark red-brown
  * `clrOrangeRed` — Orange-red

#### `CloseButton_HalfColor` - Half Close Button Color[​](#closebutton_halfcolor---half-close-button-color "Direct link to closebutton_halfcolor---half-close-button-color")

**What it does:** Background color for half close (½) button.

**Configuration:**

* **Default:** clrOrange (bright orange)

* **Purpose:** Caution color (partial action)

* **Alternatives:**

  * `clrGold` — Gold/yellow
  * `clrDarkOrange` — Darker orange
  * `clrYellow` — Bright yellow

#### `CloseButton_TextColor` - Button Text Color[​](#closebutton_textcolor---button-text-color "Direct link to closebutton_textcolor---button-text-color")

**What it does:** Color for button text/symbols (❌ and ½).

**Configuration:**

* **Default:** clrWhite (white)

* **Purpose:** Maximum contrast for readability

* **Alternatives:**

  * `clrBlack` — Black (for light button backgrounds)
  * `clrYellow` — Yellow (high visibility)

**Color scheme examples:**

```
structured (default):

Full Close: Red background, White text

Half Close: Orange background, White text



High Contrast:

Full Close: Crimson background, Yellow text

Half Close: Gold background, Black text



Colorblind-Friendly:

Full Close: Dark blue background, White text

Half Close: Teal background, White text
```

***

## Trade Arrow Visualization[​](#trade-arrow-visualization "Direct link to Trade Arrow Visualization")

### Automatic Trade Markers on Chart[​](#automatic-trade-markers-on-chart "Direct link to Automatic Trade Markers on Chart")

**BananaEA v4.5.1 includes automatic trade arrow visualization** that marks entry points directly on the chart.

### `ShowTradeArrows` - Display Trade Arrows[​](#showtradearrows---display-trade-arrows "Direct link to showtradearrows---display-trade-arrows")

**What it does:** Automatically plots arrow objects on chart at trade entry prices.

**Configuration:**

* **Default:** true (enabled, recommended for learning)
* **Purpose:** Visual feedback of EA's entry points
* **Display:** Arrows appear immediately when trades open

**Arrow types (8 signal types):**

| Arrow | Signal | Color       | Description            |
| ----- | ------ | ----------- | ---------------------- |
| ▲     | Bu1    | Blue        | Banana Buy Pattern #1  |
| ▲     | Bu2    | Cyan        | Banana Buy Pattern #2  |
| ▲     | Bu3    | DeepSkyBlue | Banana Buy Pattern #3  |
| ▼     | Be1    | Red         | Banana Sell Pattern #1 |
| ▼     | Be2    | Orange      | Banana Sell Pattern #2 |
| ▼     | Be3    | Pink        | Banana Sell Pattern #3 |
| ●     | Ext    | Purple      | External Signal        |
| ■     | Man    | Gray        | Manual Trade (Magic=0) |

**When to enable (true):**

* Learning EA behavior and signal detection
* Performance review and pattern analysis
* Backtesting visualization
* Identifying signal clustering/spacing

**When to disable (false):**

* Clean chart preference (minimize clutter)
* Live trading focus (rely on panels only)
* Multi-chart layouts (reduce visual noise)
* Performance optimization (marginal improvement)

### `TradeArrowSize` - Arrow Size[​](#tradearrowsize---arrow-size "Direct link to tradearrowsize---arrow-size")

**What it does:** Controls arrow marker size (1-3 scale).

**Configuration:**

* **Default:** 2 (medium)
* **Range:** 1 (small) to 3 (large)
* **Purpose:** Balance visibility with chart clarity

**Size comparison:**

```
Size 1 (Small):

- Minimal chart clutter

- Hard to see on busy charts

- Good for high-frequency trading



Size 2 (Medium) - DEFAULT:

- Balanced visibility

- clear appearance

- Recommended for most users



Size 3 (Large):

- Maximum visibility

- Easy to see from distance

- Good for presentations/analysis
```

### `MaxBarsToPlot` - Historical Arrow Limit[​](#maxbarstoplot---historical-arrow-limit "Direct link to maxbarstoplot---historical-arrow-limit")

**What it does:** Maximum number of historical bars to plot arrows (performance control).

**Configuration:**

* **Default:** 500 bars
* **Range:** 0 (unlimited) to 5000 bars
* **Purpose:** Control chart attach speed and visual clutter

**Performance impact:**

```
MaxBarsToPlot = 100:

- Very fast chart attach (<1 second)

- Minimal historical arrows

- Good for live trading focus



MaxBarsToPlot = 500 (DEFAULT):

- Balanced performance (~1-2 seconds)

- Reasonable historical context

- Recommended for most users



MaxBarsToPlot = 2000:

- Slower chart attach (3-5 seconds)

- Extensive historical view

- Good for pattern analysis



MaxBarsToPlot = 0:

- Unlimited (SLOWEST attach 10+ seconds)

- Complete trade history on chart

- Use only for analysis/presentations
```

**Best practices:**

* **Live trading:** 100-500 bars (fast attach)
* **Backtesting review:** 1000-2000 bars (full analysis)
* **Pattern research:** 0 (unlimited, accept slow attach)

### `CustomArrowColor` - Arrow Color Override[​](#customarrowcolor---arrow-color-override "Direct link to customarrowcolor---arrow-color-override")

**What it does:** Overrides default arrow colors with single custom color.

**Configuration:**

* **Default:** clrNONE (use default color-coding by signal type)
* **Purpose:** Uniform arrow appearance if preferred
* **Recommendation:** Leave as clrNONE to maintain signal type distinction

**When to use custom color:**

* Minimalist single-color preference
* Color coordination with chart theme
* Simplifying visual appearance

**When to use clrNONE (recommended):**

* Distinguish between signal types visually
* Analyze which patterns perform best
* Maintain color-coded feedback system

**💡 For complete trade arrow documentation, see:** [Trade Visualization Settings](/banana-ea/mt4/docs/v4/complete-user-guide/settings-guide/trade-visualization.md)

***

## structured Theme System[​](#structured-theme-system "Direct link to structured Theme System")

### Centralized Color Management[​](#centralized-color-management "Direct link to Centralized Color Management")

**BananaEA v4.5.1 includes GUIThemeManager** for centralized theme control.

**Features:**

* ✅ **Centralized color management** across all UI elements
* ✅ **Consistent appearance** between dashboard, panels, buttons
* ✅ **Easy theme switching** without individual parameter changes
* ✅ **built-in color schemes** optimized for trading

**How it works:**

Instead of setting 20+ individual color parameters, the theme manager:

1. Applies built-in color schemes automatically
2. Ensures visual consistency across all elements
3. Adapts to different chart backgrounds
4. Maintains optimal contrast for readability

**Current implementation:**

The theme system is **automatic** - it works behind the scenes to:

* Coordinate panel colors with button colors
* Match text colors for optimal contrast
* Adapt watermark visibility to chart background
* Ensure clear appearance

**Customization:**

While the theme system provides defaults, you can still override individual elements:

* Panel background colors
* Button colors
* Text colors
* Watermark display mode

**Benefits:**

🎨 **clear appearance** out of the box ⚙️ **Consistent styling** across all UI elements 🔄 **Easy theme coordination** when customizing ✨ **Optimized contrast** for all lighting conditions

**💡 Note:** Future versions may include user-selectable themes (dark/light/custom).

***

## DPI Scaling & High-Resolution Display Support[​](#dpi-scaling--high-resolution-display-support "Direct link to DPI Scaling & High-Resolution Display Support")

### `EnableDPIScaling` - High-DPI Display Support[​](#enabledpiscaling---high-dpi-display-support "Direct link to enabledpiscaling---high-dpi-display-support")

**What it does:** Enables automatic scaling for high-resolution displays (4K, 5K, Retina).

**Configuration:**

* **Default:** true (enabled, recommended)
* **Purpose:** Ensure crisp, properly-sized UI elements on high-DPI screens
* **Applies to:** All panels, buttons, text, arrows

**When to enable (true) - RECOMMENDED:**

* 4K monitors (3840×2160)
* 5K/6K displays (5120×2880 and higher)
* MacBook Retina displays
* High-DPI laptop screens (>150 DPI)
* Multi-monitor setups with mixed DPI

**When to disable (false):**

* Standard 1080p monitors (1920×1080)
* Older displays (1280×720, 1366×768)
* DPI scaling causes UI issues (rare)

### `DPIScalingMode` - Scaling Algorithm[​](#dpiscalingmode---scaling-algorithm "Direct link to dpiscalingmode---scaling-algorithm")

**What it does:** Controls how UI elements scale on high-DPI displays.

**Configuration:**

* **Default:** 1 (Automatic)

* **Options:**

  * **0** — None (no scaling, may appear tiny on 4K)
  * **1** — Automatic (recommended, adapts to display DPI)
  * **2** — Manual (use DPIScalingFactor below)

**Recommended: Automatic (1)**

Automatically detects your display DPI and scales UI elements appropriately:

* 1080p (96 DPI) → No scaling needed
* 1440p (110 DPI) → 1.15x scaling
* 4K (192 DPI) → 2.0x scaling
* 5K (220 DPI) → 2.3x scaling

### `DPIScalingFactor` - Manual Scaling Factor[​](#dpiscalingfactor---manual-scaling-factor "Direct link to dpiscalingfactor---manual-scaling-factor")

**What it does:** Manual scaling multiplier when DPIScalingMode = 2.

**Configuration:**

* **Default:** 1.0 (no scaling)
* **Range:** 0.5 to 3.0
* **Purpose:** Fine-tune UI scaling manually

**When to use:**

* Automatic scaling doesn't look right
* You prefer larger/smaller UI than auto-calculated
* Mixed monitor setup with different preferences

**Example scaling:**

```
DPIScalingFactor = 1.0 (100%):

- Standard size on 1080p

- Tiny on 4K



DPIScalingFactor = 1.5 (150%):

- 50% larger UI elements

- Good for 1440p displays



DPIScalingFactor = 2.0 (200%):

- Double-sized UI

- Perfect for 4K displays



DPIScalingFactor = 2.5 (250%):

- Very large UI

- Good for 5K displays or accessibility
```

**Best practice:** Use DPIScalingMode = 1 (Automatic) unless you have specific manual preferences.

***

## Visual Settings[​](#visual-settings "Direct link to Visual Settings")

### `WatermarkColorMode` - Watermark Color Scheme[​](#watermarkcolormode---watermark-color-scheme "Direct link to watermarkcolormode---watermark-color-scheme")

**What it does:** Controls EA watermark color adaptation.

**Configuration:**

* **Default:** 0 (Auto)

* **Options:**

  * **0** — Auto (adapts to chart background)
  * **1** — Light (bright colors for dark charts)
  * **2** — Dark (subdued colors for light charts)

**Watermark purpose:**

* EA version information
* version branding
* Trading mode indicator
* Non-intrusive chart overlay

***

## Logging & Debug[​](#logging--debug "Direct link to Logging & Debug")

### `ShowDebugLogs` - Console Debug Logs[​](#showdebuglogs---console-debug-logs "Direct link to showdebuglogs---console-debug-logs")

**What it does:** Enables detailed logging to MT4 Experts tab.

**Configuration:**

* **Default:** false (disabled for normal trading)
* **Purpose:** Development, troubleshooting, support
* **Output:** Function calls, order details, calculations

**When to enable:**

* Troubleshooting issues
* Support ticket investigation
* Understanding EA behavior
* Development/testing

**When to disable (default):**

* Normal trading (reduces console clutter)
* Live accounts (performance optimization)
* No issues present

### `EnableTradingLog` - Enhanced Trading Log[​](#enabletradinglog---enhanced-trading-log "Direct link to enabletradinglog---enhanced-trading-log")

**What it does:** Creates detailed trading log files.

**Configuration:**

* **Default:** false (disabled)
* **Purpose:** Advanced analysis, record keeping
* **Output:** Separate log files with trade details

**Use cases:**

* Performance analysis
* Compliance record keeping
* Detailed backtesting review
* structured trade journaling

***

## Best Practices[​](#best-practices "Direct link to Best Practices")

### Panel Appearance Configuration[​](#panel-appearance-configuration "Direct link to Panel Appearance Configuration")

**structured dark theme (default):**

```
TradePanel_BackgroundColor = C'10,10,10'    // Near-black

TradePanel_BuyTitleColor = Lime             // Bright green

TradePanel_SellTitleColor = OrangeRed       // Red-orange

TradeInfoTransparency = 10                  // Nearly opaque

TradeInfoFontSize = 9                       // Standard font
```

**Light chart theme:**

```
TradePanel_BackgroundColor = C'240,240,240' // Light gray

TradePanel_BuyTitleColor = clrGreen         // Dark green

TradePanel_SellTitleColor = clrRed          // Dark red

TradeInfoTransparency = 20                  // Slightly transparent

TradeInfoFontSize = 9
```

**High visibility (accessibility):**

```
TradePanel_BackgroundColor = C'0,0,0'       // Pure black

TradePanel_BuyTitleColor = clrYellow        // Bright yellow

TradePanel_SellTitleColor = clrMagenta      // Bright magenta

TradeInfoTransparency = 0                   // Fully opaque

TradeInfoFontSize = 11                      // Larger font
```

***

### Panel Sizing Configuration[​](#panel-sizing-configuration "Direct link to Panel Sizing Configuration")

**Compact (multi-chart):**

```
TradePanel_Width = 220                      // Narrower panels

TradePanel_Height = 110                     // Shorter panels

TradePanel_Spacing = 30                     // Tight spacing

TradeInfoFontSize = 8                       // Smaller font
```

**Balanced (recommended):**

```
TradePanel_Width = 260                      // DEFAULT

TradePanel_Height = 130                     // DEFAULT

TradePanel_Spacing = 50                     // DEFAULT

TradeInfoFontSize = 9                       // DEFAULT
```

**Large (single-chart focus):**

```
TradePanel_Width = 300                      // Wider panels

TradePanel_Height = 160                     // Taller panels

TradePanel_Spacing = 70                     // More spacing

TradeInfoFontSize = 11                      // Larger font
```

***

### Close Button Configuration[​](#close-button-configuration "Direct link to Close Button Configuration")

**Conservative (default):**

```
EnableTradeCloseButtons = true

CloseButton_Size = 20                       // Standard size

CloseButton_FullColor = clrRed              // Warning red

CloseButton_HalfColor = clrOrange           // Caution orange

CloseButton_TextColor = clrWhite            // High contrast
```

**Disabled (safety):**

```
EnableTradeCloseButtons = false             // No buttons (use MT4 terminal)
```

**Large buttons (accessibility):**

```
EnableTradeCloseButtons = true

CloseButton_Size = 30                       // Larger buttons

CloseButton_FullColor = clrCrimson          // Dark red

CloseButton_HalfColor = clrGold             // Gold

CloseButton_TextColor = clrWhite
```

***

## Troubleshooting[​](#troubleshooting "Direct link to Troubleshooting")

### Issue: Panels Overlap Chart Elements[​](#issue-panels-overlap-chart-elements "Direct link to Issue: Panels Overlap Chart Elements")

**Solutions:**

1. **Adjust offsets:**

   * Increase `TradeInfoXOffset` (move panels right/left)
   * Increase `TradeInfoYOffset` (move panels down/up)

2. **Reduce panel size:**

   * Decrease `TradePanel_Width` (narrower)
   * Decrease `TradePanel_Height` (shorter)

3. **Increase transparency:**

   * Set `TradeInfoTransparency = 100` (see through panels)

### Issue: Text Too Small/Hard to Read[​](#issue-text-too-smallhard-to-read "Direct link to Issue: Text Too Small/Hard to Read")

**Solutions:**

1. **Increase font size:**

   * Set `TradeInfoFontSize = 11` or `12`

2. **Increase panel height:**

   * Set `TradePanel_Height = 150` (more vertical space)

3. **Reduce transparency:**

   * Set `TradeInfoTransparency = 0` (solid background)

### Issue: Panels Stacked Too Close[​](#issue-panels-stacked-too-close "Direct link to Issue: Panels Stacked Too Close")

**Solutions:**

1. **Increase spacing:**

   * Set `TradePanel_Spacing = 70` or higher

2. **Reduce panel height:**

   * Set `TradePanel_Height = 110` (shorter panels)

### Issue: Can't See Watermark[​](#issue-cant-see-watermark "Direct link to Issue: Can't See Watermark")

**Solutions:**

1. **Change color mode:**

   * Dark chart: Set `WatermarkColorMode = 1` (light colors)
   * Light chart: Set `WatermarkColorMode = 2` (dark colors)

2. **Auto mode may adapt:**

   * Try `WatermarkColorMode = 0` (auto-detect)

***

## Related Settings[​](#related-settings "Direct link to Related Settings")

* **[General Settings](/banana-ea/mt4/docs/v4/complete-user-guide/settings-guide/general-settings.md)** — WatermarkColorMode, basic EA controls
* **[Advanced Features](/banana-ea/mt4/docs/v4/complete-user-guide/settings-guide/advanced-features.md)** — Partial close integration with half-close buttons
* **[Trade Management Mode](/banana-ea/mt4/docs/v4/complete-user-guide/settings-guide/trade-management-mode.md)** — Panel display in Magic = 0 mode

***

## Quick Reference[​](#quick-reference "Direct link to Quick Reference")

### Visual Customization Parameters[​](#visual-customization-parameters "Direct link to Visual Customization Parameters")

| Parameter                    | Default     | Purpose                    |
| ---------------------------- | ----------- | -------------------------- |
| `ShowTradeInfoPanel`         | true        | Show/hide trade panels     |
| `TradeInfoXOffset`           | 5 pixels    | Horizontal position        |
| `TradeInfoYOffset`           | 20 pixels   | Vertical position          |
| `TradePanel_BackgroundColor` | C'10,10,10' | Panel background           |
| `TradePanel_BuyTitleColor`   | Lime        | BUY trade title color      |
| `TradePanel_SellTitleColor`  | OrangeRed   | SELL trade title color     |
| `TradePanel_Width`           | 260 pixels  | Panel width                |
| `TradePanel_Height`          | 130 pixels  | Panel height               |
| `TradePanel_Spacing`         | 50 pixels   | Gap between panels         |
| `TradeInfoFontSize`          | 9 points    | Panel text size            |
| `TradeInfoTransparency`      | 10          | Panel transparency (0-255) |
| `EnableTradeCloseButtons`    | true        | Show close buttons         |
| `CloseButton_Size`           | 20 pixels   | Button size                |
| `CloseButton_FullColor`      | clrRed      | Full close button color    |
| `CloseButton_HalfColor`      | clrOrange   | Half close button color    |
| `CloseButton_TextColor`      | clrWhite    | Button text color          |
| `WatermarkColorMode`         | 0 (Auto)    | Watermark color scheme     |
| `ShowDebugLogs`              | false       | Console debug output       |
| `EnableTradingLog`           | false       | Enhanced log files         |

### Recommended Starter Configuration (structured Dark Theme)[​](#recommended-starter-configuration-structured-dark-theme "Direct link to Recommended Starter Configuration (structured Dark Theme)")

```
// Trade Info Panels

ShowTradeInfoPanel = true

TradeInfoXOffset = 5

TradeInfoYOffset = 20

TradeInfoTransparency = 10

TradeInfoFontSize = 9



// Panel Colors

TradePanel_BackgroundColor = C'10,10,10'   // Near-black

TradePanel_BuyTitleColor = Lime            // Bright green

TradePanel_SellTitleColor = OrangeRed      // Red-orange



// Panel Sizing

TradePanel_Width = 260                     // Standard width

TradePanel_Height = 130                    // Standard height

TradePanel_Spacing = 50                    // Balanced spacing



// Close Buttons

EnableTradeCloseButtons = true             // One-click management

CloseButton_Size = 20                      // Standard size

CloseButton_FullColor = clrRed             // Warning red

CloseButton_HalfColor = clrOrange          // Caution orange

CloseButton_TextColor = clrWhite           // High contrast



// Visual Settings

WatermarkColorMode = 0                     // Auto-adapt



// Logging

ShowDebugLogs = false                      // Normal trading

EnableTradingLog = false                   // Not needed



Result:

- structured dark theme appearance

- Clear BUY/SELL visual distinction

- Easy one-click trade management

- Balanced panel sizing and spacing

- Comfortable viewing on all screens
```

**💡 For visual customization examples and screenshots, visit:** <https://itradeaims.net/banana-ea/>