Skip to content

fix: Enable GLightbox for Image Zoom in Devant Documentation#172

Open
Tharindu-Senanayake12 wants to merge 1 commit intowso2:mainfrom
Tharindu-Senanayake12:fixing-issue-171
Open

fix: Enable GLightbox for Image Zoom in Devant Documentation#172
Tharindu-Senanayake12 wants to merge 1 commit intowso2:mainfrom
Tharindu-Senanayake12:fixing-issue-171

Conversation

@Tharindu-Senanayake12
Copy link

@Tharindu-Senanayake12 Tharindu-Senanayake12 commented Mar 16, 2026

Purpose

Resolves #171

Images within the Devant documentation are currently static and do not open in a zoomed overlay when clicked, making it difficult to view detailed diagrams or screenshots.

Goals

Enable the GLightbox plugin to restore image zooming and lightbox overlay functionality across the documentation site, improving readability and user experience.

Approach

Added the glightbox plugin under the plugins list in the mkdocs.yml configuration file. This instructs the Material for MkDocs theme to initialize the lightbox script for all standard Markdown images.

User Stories

  • As a documentation reader, I want to click on images to view them in a larger, full-screen overlay so that I can clearly read text and examine details within architectural diagrams or UI screenshots.

Release Note

Fixed an issue where documentation images were not opening in a lightbox overlay by enabling the GLightbox MkDocs plugin.

Documentation

N/A - This PR itself is a fix applied to the documentation site's infrastructure and does not change the core product documentation content.

Training

N/A

Certification

N/A - This is a UI fix for the documentation website and does not impact certification exams.

Marketing

N/A

Automation Tests

Unit Tests
N/A - Documentation configuration change.

Integration Tests
N/A - Documentation configuration change.

Security Checks

  • Followed secure coding standards in WSO2 Secure Engineering Guidelines
  • Ran FindSecurityBugs plugin and verified report? N/A (Not applicable for MkDocs configuration files)
  • Confirmed that this PR doesn't commit any keys, passwords, tokens, usernames, or other secrets? Yes

Samples

N/A

Related PRs

N/A

Migrations (if applicable)

N/A

Test Environment

Tested locally using mkdocs serve to verify image click behavior.

Learning

Researched the Material for MkDocs theme documentation regarding image zoom support and identified that the native glightbox plugin needed to be explicitly declared in the configuration to function properly.

Summary by CodeRabbit

  • New Features
    • Enabled glightbox plugin to provide lightbox functionality for images and galleries in documentation, allowing users to view content in an enhanced, interactive modal view.

@coderabbitai
Copy link

coderabbitai bot commented Mar 16, 2026

Walkthrough

The change enables the glightbox plugin in the MkDocs configuration file to restore image lightbox functionality in the documentation. This plugin was previously listed in issue but not activated in the plugins section of the configuration.

Changes

Cohort / File(s) Summary
MkDocs Configuration
en/mkdocs.yml
Added glightbox plugin to the plugins list to enable image enlargement overlay functionality.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

🐰✨ A single line, so small yet true,
Brings glowing boxes back to you!
Images now leap from page to sight,
With a click they shine so bright! 📸

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly and specifically describes the main change: enabling GLightbox for image zoom functionality in the documentation.
Description check ✅ Passed The description follows the template comprehensively, covering all major sections including Purpose (with issue reference), Goals, Approach, User Stories, Release Note, and appropriate N/A designations for non-applicable sections.
Linked Issues check ✅ Passed The PR directly addresses issue #171 by enabling the GLightbox plugin in mkdocs.yml configuration, which resolves the bug where image lightbox functionality was not working for documentation images.
Out of Scope Changes check ✅ Passed The single file change (mkdocs.yml) is directly scoped to resolving issue #171 with no extraneous modifications or unrelated changes present.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
📝 Coding Plan
  • Generate coding plan for human review comments

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@en/mkdocs.yml`:
- Line 188: The mkdocs-glightbox dependency is pinned to an outdated version
(0.3.4); update the pinned version in requirements.txt to the latest stable
release (0.5.2) so the plugin referenced in mkdocs.yml (mkdocs-glightbox) uses
the newer package; open requirements.txt, find the mkdocs-glightbox entry and
change its version specifier to 0.5.2 (or a compatible range like >=0.5.2,<0.6)
and run dependency install/tests to verify nothing breaks.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 8b8941f2-c37d-4617-8685-4e060fb24a38

📥 Commits

Reviewing files that changed from the base of the PR and between 7633ced and 01388a4.

📒 Files selected for processing (1)
  • en/mkdocs.yml

- search:
lang: ['en']
- open-in-new-tab
- glightbox
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

🧩 Analysis chain

🌐 Web query:

What is the latest version of mkdocs-glightbox plugin?

💡 Result:

The latest released version of the mkdocs-glightbox plugin is 0.5.2 (released October 23, 2025) on PyPI. [1]


Consider updating mkdocs-glightbox to the latest version.

The plugin addition is correctly implemented with proper syntax and placement. However, the pinned version 0.3.4 is outdated—the latest available version is 0.5.2 (released October 2025). Consider updating mkdocs-glightbox in requirements.txt to benefit from recent improvements and maintenance.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@en/mkdocs.yml` at line 188, The mkdocs-glightbox dependency is pinned to an
outdated version (0.3.4); update the pinned version in requirements.txt to the
latest stable release (0.5.2) so the plugin referenced in mkdocs.yml
(mkdocs-glightbox) uses the newer package; open requirements.txt, find the
mkdocs-glightbox entry and change its version specifier to 0.5.2 (or a
compatible range like >=0.5.2,<0.6) and run dependency install/tests to verify
nothing breaks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] GLightbox functionality is not working for documentation images

1 participant