Use Case

Users want to make a specific area (not the whole page) on the page to be displayed in full-screen mode. The specific area is usually an area to show some information or an editor with a scrollbar. Users want to show it in full-screen mode temporarily for a moment after they finish editing, users can exit the full-screen mode.

Currently, in ZK, only CKEditor supports the full-screen. ZK can provide a client-side effect to show a component in a full-screen mode on those components that are suitable for this e.g. div.

Some input components like a button or a checkbox are not suitable for this feature.

Spec

1. For those layout and container components, specify an attribute in a zul to enable the full-screen feature.
2. If a component's full-screen feature is enabled, when a mouse pointer hovers on the component, it shows a full-screen icon at the top-right corner.
3. A user clicks the full-screen icon, the component enters the full-screen mode.
4. A user can press Esc to exit the full-screen mode.

Element.requestFullscreen()

https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen