zero·style

Dictionary entry

portal

View related-term graphUse in a brief
Was this helpful?
UI / UXCurated · verified

A behind-the-scenes technique that lets a pop-up like a dialog or tooltip be drawn at the top level of the page rather than where it lives in the code, so it can float above everything without being cut off by its container.

Synonyms

None recorded.

Related terms

In plain words

  • the trick that lets a pop-up sit on top of everything else
  • how a menu escapes the little box it belongs to

Usage example

The date picker is rendered through a portal so it isn't clipped by the form's edges.

Don't confuse with…

  • overlayAn overlay is what the user sees on top; a portal is the behind-the-scenes mechanism that lets that overlay escape its container.

Categories

  • Overlays & containers

Related-term graph

Two hops from portal — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedportal related of modal
  • Relatedportal related of overlay
  • Relatedportal related of popover
  • Relatedportal related of tooltip
  • Relatedoverlay related of backdrop
  • Relatedpopover related of card
  • Relatedtooltip related of coach mark
  • Relatedmodal related of dialog box
  • Relatedmodal related of drawer
  • Relatedpopover related of dropdown
  • Relatedtooltip related of helper text
  • Relatedmodal related of lightbox
  • Relatedpopover related of modal
  • Relatedoverlay related of modal
  • Relatedmodal related of popover
  • Relatedtooltip related of popover
  • Relatedoverlay related of popover
  • Relatedoverlay related of scrim
  • Relatedmodal related of scrim
  • Relatedpopover related of tooltip

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief