🎨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.

✨ 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

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+)

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:

Professional 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: Professional 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 βœ… Professional 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+)

Clean Charts Instantly, Safely

NEW: Intelligent Cleanup Button

The X button provides professional 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!

  • Professional workflow

Perfect Workflow:

Benefits:

⚑ Lightning Fast - One click vs multiple menu steps πŸ›‘οΈ 100% Safe - EA interface never touched 🎯 Professional - 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

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:

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:


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:

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:


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:

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:

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:

Visual example:


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:

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:


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:

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:

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:


Trade Arrow Visualization

Automatic Trade Markers on Chart

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

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

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:

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:

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

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


Professional Theme System

Centralized Color Management

BananaEA v4.4.6 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

  • βœ… Professional color schemes optimized for trading

How it works:

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

  1. Applies professional 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 professional 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:

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

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

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

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:

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


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):

Light chart theme:

High visibility (accessibility):


Panel Sizing Configuration

Compact (multi-chart):

Balanced (recommended):

Large (single-chart focus):


Close Button Configuration

Conservative (default):

Disabled (safety):

Large buttons (accessibility):


Troubleshooting

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

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

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

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)



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

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

πŸ’‘ For visual customization examples and screenshots, visit: https://itradeaims.net/banana-ea/arrow-up-right

Last updated