Justified Layout

The Justify Layout in Robo Gallery (Fusion Grid, v5) arranges images into clean, aligned rows where each row stretches horizontally to fill the full available width of the gallery container. This layout creates a structured, magazine-style appearance while preserving the original proportions of images.

Justify Layout is fully responsive, performance-optimized, and works seamlessly across all devices — from mobile phones to ultra-wide and Retina displays.

How Justify Layout Works#

In Justify Layout:

• Images are grouped into rows
• Each row is resized proportionally to fill the full gallery width
• Image aspect ratios are preserved
• Empty gaps are eliminated automatically

This results in a balanced, professional-looking gallery with consistent horizontal alignment.

Auto Layout Adjustment#

When Auto Layout Adjustment is enabled, Robo Gallery automatically adapts the Justify layout based on the visitor’s screen size.

This includes:

• Automatic recalculation of row composition
• Optimized appearance on phones, tablets, and desktops
• Smooth responsiveness without manual breakpoints

This option is recommended for most galleries.

Columns Count#

The Columns Count setting controls how many images are displayed side-by-side within a row.

Available options:

• Auto – Robo Gallery dynamically calculates the optimal number of images per row
• Manual values – fixed control over how dense the layout appears

Using Auto ensures the most flexible and responsive behavior.

Spacing Between Images#

The Spacing option defines the horizontal and vertical gap between images.

• Smaller spacing creates a dense, editorial look
• Larger spacing produces a clean, minimalist layout

Spacing is applied consistently across all rows and devices.

Loading Bar#

Justify Layout includes a built-in Loading Bar that improves perceived performance and user experience.

Loading Bar Color#

Allows you to customize the color of the loading indicator to match your site design.

Loading Bar Height#

Defines the thickness of the loading bar in pixels.

This feature is especially useful for galleries with many images.

Performance & Optimization#

The Justify Layout benefits from all Fusion Grid optimizations, including:

• Optimized HTML structure
• Minimal and efficient CSS and JavaScript
• Lazy loading and smart image loading strategies
• Internal caching for faster repeat views

Even galleries with a large number of images remain fast and responsive.

When to Use Justify Layout#

Justify Layout is ideal when:

• You want a clean, aligned, professional appearance
• Images have varying aspect ratios but should align in rows
• You need a layout similar to editorial or magazine galleries
• Consistent horizontal structure is important

This layout works particularly well for photography portfolios, blogs, editorial websites, and corporate presentations.

Summary#

The Justify Layout offers:

• Full-width aligned rows
• Automatic responsiveness
• Minimal manual configuration
• Excellent performance for large galleries

Combined with Fusion Grid’s automation and optimization, it delivers a modern and reliable gallery experience across all devices.