Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-4626

support full screen effect

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Open
    • Priority: Normal
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: None
    • Labels:
      None

      Description

      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

        Attachments

          Activity

            People

            Assignee:
            Unassigned
            Reporter:
            hawk hawk
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Created:
              Updated: