Advertising sustains the DA. Ads are hidden for members. Join today

Popup tag format

Last updated on
30 April 2025

The general format of a popup tag:

[popup type=value id=css-id title="my title" link=URL origin=corner expand=corner-direction activate=click|hover effect=slide|fade|slide-fade flat teaser page links close args=view,arguments]

Where:

  • type

    text | node | block | form | menu | view | php

  • value

    for popup text: the plain text to be popped up (like a normal tooltip)
    for popup nodes, blocks and menus: the unique integer id of the item
    Third party module and system blocks may be popped up in the form:
    [popup block module=<module> delta=<delta>]
    for popup form and view: name of the desired form or view
    for popup php: php that returns text or formatted html

  • css-id

    The id that will be assigned to the outermost div of the html popup element

  • title

    The text to be displayed as the anchor of the popup. If not supplied text popups will use "Text", forms "Form", php "php" and node, block and menu will use the node, block or menu title, respectively.

  • The URL to assign to the popup's anchor (activate=click will use a nohref, regardless)

  • origin

    Where in the popup's anchor the origin of the popup body will appear (top-left (default) | top-right | bottom-left | bottom-right).

  • expand

    The direction in which the popup will expand. (defaults to bottom-right)

  • activate

    How the popup should be activated (click | hover) defaults to hover

  • effect

    JQuery animation effect to use to display the popup (fade | slide | slide-fade) defaults to no effect

  • flat

    Prevents a popup menu's root from displaying.

  • teaser

    Pops up a node using its teaser display

  • page

    Pops up a node using its page display

  • Includes node links in a popped up node

  • close

    Adds a close button to the top right of the popup body

  • args

    A comma separated list of arguments to pass to a popped up view

Examples

this is [popup text='Yay this is the popup text!' effect=fade title='TEST POPUP TEXT' link=/]<br /><br />

this is a [popup node=1 effect=fade origin=top-right teaser links title='TEST POPUP NODE']<br/><br />

this is a [popup block=3 effect=slide origin=top-right expand=top-left title='TEST POPUP BLOCK']<br/><br />

this is a [popup form=search_form effect=fade activate=click title='TEST POPUP FORM']<br/><br />

this is a test menu [popup menu=5 effect=fade]<br /><br />
this is a test click menu [popup menu=5 effect=slide activate=click]<br /><br />
this is a test flat menu [popup menu=5 flat]<br /><br />

this is a test [popup view=test_view type=page args=0,test title='POPUP VIEW']
this is another test [popup view=another_test_view type=page args="0,test view" title='Another POPUP VIEW']

this is a test php popup [popup php="return date('d-M-Y');" link=/admin/build/menu]<br /><br />

NOTE: Whenever a space is to be used within any parameter, it should be wrapped in either single or double quotes, e.g.:

[popup text="this is my popup text"]
[popup node=1 title='My node popup title']

Help improve this page

Page status: Not set

You can: