Skip to content

CustomerTicketZoom-ArticleFullScreen

Compatibility OTOBO ≥ 11.0.x, Znuny ≥ 7.0.x

Overview

The CustomerTicketZoom-ArticleFullScreen plugin enables a full-screen view for ticket articles in the customer portal. This allows customers to view the entire article content without distractions or page changes.

The plugin extends the ticket zoom view with a "Full Screen" button, which opens the article in a modal dialog or a separate full-screen overlay.

Installation

  1. Via the Package Manager
  • Log in to the OTOBO admin area and navigate to System Administration → Package Management. Search for "CustomerTicketZoom-ArticleFullScreen" and click Install.
  1. Manual Installation
  • Unpack the add-on archive into the Kernel/Config/Files/ directory.
  • In the admin area, under System Administration → Update, select Reload File System.

Configuration (SysConfig)

You can find all relevant settings under Admin → System Administration → SysConfig → Frontend → Customer → View → CustomerTicketZoom:

SysConfig PathDescription
ModuleRegistration::Loader::CustomerTicketZoomArticleFullScreen###001Registers the full-screen module in the ticket zoom view
CustomerTicketZoom::ArticleFullScreen::EnableGlobally enables the full-screen feature (Bool)
CustomerTicketZoom::ArticleFullScreen::ButtonLabelCustom label for the full-screen button
CustomerTicketZoom::ArticleFullScreen::OverlayClassCSS class for the overlay (e.g., fullscreen-modal)

Tip: Use OverlayClass to adapt the styling to your corporate design.

Usage in the Customer Portal

  1. In the customer portal, open a ticket and scroll to the desired article.
  2. Click the Full Screen button displayed next to the article header.
  3. The article opens in a modal full-screen overlay. Press Esc or click the close icon to return to the standard view.

Limitations

  • The full-screen view only works for articles, not for replies or attachments.
  • With very long articles, performance may degrade in older browsers.
  • Adjustments to the modal design should be made via custom CSS overrides to ensure they are update-proof.

Support & Further Information