History: PluginDialog

            ! Plugin Dialog
''Introduced with ((Tiki8))''

Use this ((wiki plugin)) to create a custom pop-up dialog box using jQuery UI.

!!Parameters
{PLUGINMANAGER(plugin=dialog)}{PLUGINMANAGER}
!! Example
''This code will cause a pop-up dialog box to appear when this page is loaded:''
{CODE(caption="Plugin" wrap="1" colors="tiki")}{DIALOG(title="World hello Dialog!" buttons="Foo,Bar" actions="alert(\"foo clicked\"),alert(\"you cancelled\")" showAnim="blind" hideAnim="explode" autoOpen="y" modal="y" wiki="plugin dialog test body" openAction="testDialog(this);")}Hello World{DIALOG}{CODE}
{DIALOG(title="World hello Dialog!" buttons="Foo,Bar" actions="alert(\"foo clicked\"),alert(\"you cancelled\")" showAnim="blind" hideAnim="explode" modal="y" wiki="plugin dialog test body" autoOpen="y" openAction="testDialog(this);")}Hello World{DIALOG}

!! Example with smarty template
''The following code will cause a popup dialog window.''

Put this in at the end of your template file:

{CODE(caption="sample.tpl" wrap="1" colors="tiki" theme="default")}{wikiplugin _name="DIALOG" autoOpen="n" id="wpdialog_bobshop_shipping" title="Shipping Costs" modal="y" wiki="bobshop_shipping"}{/wikiplugin}{CODE}
Don't forget the underscore "_" before the parameter "_name".

Place this code in your template file at the place you want:

{CODE(caption="sample.tpl" wrap="1" colors="tiki" theme="default")}<p onClick='javascript:$( "#wpdialog_bobshop_shipping" ).dialog( "open" );'>Shipping</p>{CODE}

In this example there must be a wikipage called "bobshop_shipping". Feel free to create it.

!! More info for params "hideAnim" and "showAdnim"
More option for the show and hide animations can be found [https://api.jqueryui.com/category/effects/|here].


!! Related pages
* [http://docs.jquery.com/UI/Dialog|Jquery Dialog docs]
!!Aliases
(alias(Plugin Dialog)) | (alias(Dialog))