🎨Visual Customization

Professional Chart Enhancement System

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

Overview: Visual Elements

BananaEA displays:

Trade Info Panels — Real-time trade information for each open position
Close Buttons — One-click trade management (full close, half close)
Status Panels — EA status, mode, and performance metrics
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

Trade Info Panels

`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

`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

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

`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: Professional dark theme (reduces eye strain)

Common color options:

Dark theme (default):
TradePanel_BackgroundColor = C'10,10,10'     // Near-black (professional)
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

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

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

`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

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
- Professional appearance

Large (160-200 pixels):
- Extra spacing
- Large fonts (accessibility)
- Very comfortable viewing

`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
- Professional 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

`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
- Professional appearance
- Recommended for most users

Large (11-14 points):
- Accessibility
- Easy reading from distance
- Requires larger panel height

`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
- Professional 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

`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

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

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

`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
- Professional 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

`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
- Professional appearance
- Recommended

Large (30-40 pixels):
- Very easy clicking
- Accessibility
- More visual space used

`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

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

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:

Professional (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

Visual Settings

`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
Professional branding
Trading mode indicator
Non-intrusive chart overlay

Logging & Debug

`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

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
Professional trade journaling

Best Practices

Panel Appearance Configuration

Professional 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

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

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

Issue: Panels Overlap Chart Elements

Solutions:

Adjust offsets:
- Increase TradeInfoXOffset (move panels right/left)
- Increase TradeInfoYOffset (move panels down/up)
Reduce panel size:
- Decrease TradePanel_Width (narrower)
- Decrease TradePanel_Height (shorter)
Increase transparency:
- Set TradeInfoTransparency = 100 (see through panels)

Issue: Text Too Small/Hard to Read

Solutions:

Increase font size:
- Set TradeInfoFontSize = 11 or 12
Increase panel height:
- Set TradePanel_Height = 150 (more vertical space)
Reduce transparency:
- Set TradeInfoTransparency = 0 (solid background)

Issue: Panels Stacked Too Close

Solutions:

Increase spacing:
- Set TradePanel_Spacing = 70 or higher
Reduce panel height:
- Set TradePanel_Height = 110 (shorter panels)

Issue: Can't See Watermark

Solutions:

Change color mode:
- Dark chart: Set WatermarkColorMode = 1 (light colors)
- Light chart: Set WatermarkColorMode = 2 (dark colors)
Auto mode may adapt:
- Try WatermarkColorMode = 0 (auto-detect)

General Settings — WatermarkColorMode, basic EA controls
Advanced Features — Partial close integration with half-close buttons
Trade Management Mode — Panel display in Magic = 0 mode

Quick Reference

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

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 (Professional 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:
- Professional 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/

PreviousPending Orders NextAdvanced Features

Last updated 5 days ago

Professional Chart Enhancement System

Overview: Visual Elements

Trade Info Panels

ShowTradeInfoPanel - Display Trade Panels

Panel Positioning

TradeInfoXOffset - Horizontal Position

TradeInfoYOffset - Vertical Position

Panel Colors

TradePanel_BackgroundColor - Panel Background

TradePanel_BuyTitleColor - BUY Trade Title

TradePanel_SellTitleColor - SELL Trade Title

Panel Sizing

TradePanel_Width - Panel Width

TradePanel_Height - Panel Height

TradePanel_Spacing - Panel Gap

Panel Text & Transparency

TradeInfoFontSize - Panel Font Size

TradeInfoTransparency - Panel Background Transparency

Additional Panel Controls

InfoPanel_Width - Main Status Panel Width

PanelTransparency - General Panel Transparency

PanelFontSize - General Panel Font Size

Trade Close Buttons

EnableTradeCloseButtons - Show Close Buttons

Button Appearance

CloseButton_Size - Button Size

CloseButton_FullColor - Full Close Button Color

CloseButton_HalfColor - Half Close Button Color

CloseButton_TextColor - Button Text Color

Visual Settings

WatermarkColorMode - Watermark Color Scheme

Logging & Debug

ShowDebugLogs - Console Debug Logs

EnableTradingLog - Enhanced Trading Log

Best Practices

Panel Appearance Configuration

Panel Sizing Configuration

Close Button Configuration

Troubleshooting

Issue: Panels Overlap Chart Elements

Issue: Text Too Small/Hard to Read

Issue: Panels Stacked Too Close

Issue: Can't See Watermark

Related Settings

Quick Reference

Visual Customization Parameters

Recommended Starter Configuration (Professional Dark Theme)

`ShowTradeInfoPanel` - Display Trade Panels

`TradeInfoXOffset` - Horizontal Position

`TradeInfoYOffset` - Vertical Position

`TradePanel_BackgroundColor` - Panel Background

`TradePanel_BuyTitleColor` - BUY Trade Title

`TradePanel_SellTitleColor` - SELL Trade Title

`TradePanel_Width` - Panel Width

`TradePanel_Height` - Panel Height

`TradePanel_Spacing` - Panel Gap

`TradeInfoFontSize` - Panel Font Size

`TradeInfoTransparency` - Panel Background Transparency

`InfoPanel_Width` - Main Status Panel Width

`PanelTransparency` - General Panel Transparency

`PanelFontSize` - General Panel Font Size

`EnableTradeCloseButtons` - Show Close Buttons

`CloseButton_Size` - Button Size

`CloseButton_FullColor` - Full Close Button Color

`CloseButton_HalfColor` - Half Close Button Color

`CloseButton_TextColor` - Button Text Color

`WatermarkColorMode` - Watermark Color Scheme

`ShowDebugLogs` - Console Debug Logs

`EnableTradingLog` - Enhanced Trading Log