Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module enables you to add a modal help dialogs to any resource in PoNG. Please have a look at the other [[PoNG_Modules#Standard_Mod…“

2014-03-30T16:43:24Z

Die Seite wurde neu angelegt: „Category:PoNGThis module enables you to add a modal help dialogs to any resource in PoNG. Please have a look at the other [[PoNG_Modules#Standard_Mod…“

Neue Seite

[[Category:PoNG]]This module enables you to add a modal help dialogs to any resource in [[PoNG]].

Please have a look at the other [[PoNG_Modules#Standard_Modules_coming_with_PoNG|standard modules coming with PoNG]].

== Usage in "structure" ==
Simply add a action to the <code>actions</code> array with <code>"type": "modal-form"</code>

Example [[PoNG Structure Specification|structure file]] extract:
{
"layout": {
...
"rows": [
{
"rowId": "bla",
"resourceURL": "XYZ",
...
"actions" : [ '''{ "actionName": "My Simple Help", "type": "pong-help" }''', ... ]
},
...
],
...
}

== Help resource ==
The referenced <tt>help</tt> file may be a simple HTML fragment. For example:
<pre>
<nowiki>
<p>This is a help example.</p>
<p>You can add help easily to any resource.</p>
</nowiki>
</pre>

The content of the help dialog DIV will be filled GET request to <code><nowiki>/svc/<resourceUrl/help</nowiki></code>.

== Example Result ==
[[Datei:PoNG-Help.png]]

== CSS ==
To customize, you need to know, that the the content of the help in embedded in a DIV of class <code>pong-help</code>

PoNG Module: Help Dialog - Versionsgeschichte

Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module enables you to add a modal help dialogs to any resource in PoNG. Please have a look at the other [[PoNG_Modules#Standard_Mod…“