Mh am 30. März 2014 um 16:36 Uhr

2014-03-30T16:36:54Z

Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module is a uses header hook to add a navigation DIV in PoNG. The whole page is reloaded and the layout structure can be switched to …“

2014-03-30T16:35:52Z

Die Seite wurde neu angelegt: „Category:PoNGThis module is a uses header hook to add a navigation DIV in PoNG. The whole page is reloaded and the layout structure can be switched to …“

Neue Seite

[[Category:PoNG]]This module is a uses header hook to add a navigation DIV in [[PoNG]]. The whole page is reloaded and the layout structure can be switched to a different one.

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

This module uses the "layout" control feature of PoNG. So if you utilize the GET parameter "layout" the value will be used to
determine the layout definition, so if you load <code><nowiki>http://mysite.xyz/basedir/index.html?layout=XYZ</nowiki> the structure JSON is get from <code><nowiki>http://mysite.xyz/basedir/svc/layout/XYZ/structure</nowiki></code>

== 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": {
...
"header": [
{
...
"modules" : [ { "id": "MainNav", '''"type": "pong-navbar", "param": { "confURL":"nav" }''' } ]
},
...
],
...
}

== Configuration ==
The <code>confURL</code> should be like this example:

{
"navigations" : [
{ "layout":"main", "label":"Main" },
{ "layout":"crm", "label":"CRM" }
}
}

== Example result ==
Here is a Nav Bar result:

[[Datei:PoNG-NavBar.png]]

HTML is:

<pre>
<nowiki>
<html>
<head>...</head>
<body>
<div id="maindiv" class="page-width">
<div id="header">
...
<div id="MainNav" class="pong-navbar">
<div class="pongNavBarItem pongNavBarItemActive">
<a href="index.html?layout=main">
Main
</a>
</div>
<div class="pongNavBarItem">
<a href="index.html?layout=crm">
CRM
</a>
</div>
</div>
...
</nowiki>
</pre>

== CSS ==
* Main DIV class: pong-navbar
* Main DIV ID: <modules.id>
* Navigation item DIV class: pongNavBarItem
** Active page has additionally the class: pongNavBarItemActive

@@ Zeile 1: / Zeile 1: @@
 [[Category:PoNG]]This module is a uses header hook to add a navigation DIV in [[PoNG]]. The whole page is reloaded and the layout structure can be switched to a different one.
 This module uses the "layout" control feature of PoNG. So if you utilize the GET parameter "layout" the value  will be used to
 determine the layout definition, so if you load <code><nowiki>http://mysite.xyz/basedir/index.html?layout=XYZ</nowiki> the structure JSON is get from <code><nowiki>http://mysite.xyz/basedir/svc/layout/XYZ/structure</nowiki></code>
 == Usage in "structure" ==

PoNG Module: Navigation Bar - Versionsgeschichte

Mh am 30. März 2014 um 16:36 Uhr

Mh: Die Seite wurde neu angelegt: „Category:PoNGThis module is a uses header hook to add a navigation DIV in PoNG. The whole page is reloaded and the layout structure can be switched to …“