π¨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:
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
π¨ 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
ShowTradeInfoPanel - Display Trade PanelsWhat 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
TradeInfoXOffset - Horizontal PositionWhat 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
TradeInfoYOffset - Vertical PositionWhat 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
TradePanel_BackgroundColor - Panel BackgroundWhat 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
TradePanel_BuyTitleColor - BUY Trade TitleWhat it does: Color for BUY trade panel headers.
Configuration:
Default: Lime (bright green)
Purpose: Instant visual identification of long positions
Alternatives:
clrLimeGreenβ Softer greenclrAquaβ Blue-green (colorblind-friendly)clrGoldβ Gold (alternative positive indicator)
TradePanel_SellTitleColor - SELL Trade Title
TradePanel_SellTitleColor - SELL Trade TitleWhat it does: Color for SELL trade panel headers.
Configuration:
Default: OrangeRed (bright red-orange)
Purpose: Instant visual identification of short positions
Alternatives:
clrRedβ Pure redclrMagentaβ Purple-pink (colorblind-friendly)clrOrangeβ Orange (softer)
Color psychology:
Panel Sizing
TradePanel_Width - Panel Width
TradePanel_Width - Panel WidthWhat 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
TradePanel_Height - Panel HeightWhat 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
TradePanel_Spacing - Panel GapWhat 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
TradeInfoFontSize - Panel Font SizeWhat 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
TradeInfoTransparency - Panel Background TransparencyWhat 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
InfoPanel_Width - Main Status Panel WidthWhat 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 TransparencyWhat 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 SizeWhat 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
EnableTradeCloseButtons - Show Close ButtonsWhat 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
CloseButton_Size - Button SizeWhat 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
CloseButton_FullColor - Full Close Button ColorWhat it does: Background color for full close (β) button.
Configuration:
Default: clrRed (bright red)
Purpose: Warning color (permanent action)
Alternatives:
clrCrimsonβ Darker redclrMaroonβ Dark red-brownclrOrangeRedβ Orange-red
CloseButton_HalfColor - Half Close Button Color
CloseButton_HalfColor - Half Close Button ColorWhat it does: Background color for half close (Β½) button.
Configuration:
Default: clrOrange (bright orange)
Purpose: Caution color (partial action)
Alternatives:
clrGoldβ Gold/yellowclrDarkOrangeβ Darker orangeclrYellowβ Bright yellow
CloseButton_TextColor - Button Text Color
CloseButton_TextColor - Button Text ColorWhat 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
ShowTradeArrows - Display Trade ArrowsWhat 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):
β²
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 SizeWhat 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
MaxBarsToPlot - Historical Arrow LimitWhat 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
CustomArrowColor - Arrow Color OverrideWhat 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:
Applies professional color schemes automatically
Ensures visual consistency across all elements
Adapts to different chart backgrounds
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
EnableDPIScaling - High-DPI Display SupportWhat 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 AlgorithmWhat 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 FactorWhat 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
WatermarkColorMode - Watermark Color SchemeWhat 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
ShowDebugLogs - Console Debug LogsWhat 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 LogWhat 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:
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 = 11or12
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 = 70or 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)
Related Settings
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
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 (Professional Dark Theme)
π‘ For visual customization examples and screenshots, visit: https://itradeaims.net/banana-ea/
Last updated