simplifycms
  Simplify Help - A guide to using our innovations for your success.
Quick Menu

The Quick menu is a one level menu which is defined by two javaScript configuration files found in ky_wapp.wappsky_menu: links.js and pref.js .
In the pref.js, the type should be set to “QuickMenu” and the hook called in the faceJSON file is "KYMENU", as was shown in the example previously.

            
      Image 1: Example of a vertical left menu


Image 2: Example of horizontal top menu


The following show example codes for the faceJSON file and the links file.

faceJSON (ky_QuickMenu_LeftMenu.js)

{
"author": "Kyube Inc",
"startup" : "face1_tpl",
"face1_tpl" : {
"initialize" : ["KYMENU1"],
"KYMENU1" : {
"type" : "client",
"hook" : "KYMENU",
"menuID" : "leftMenu"
}
}
}

faceJSON (leftMenu_links.js)

{
"links" : [
{
"label" : "Home",
"URL" : "index.html"
},
{
"label" : "About Us",
"URL" : "aboutUs.html"
},
{
"label" : "Contact Us",
"URL" : "contactUs.html",
"linkType" : "popup",
"linkParam" : "resizable=yes,location=no,menubar=no,scrollbars=yes,status=no,toolbar=no,
fullscreen=no,dependent=no,width=700,height=600,left=200"
}
]
}

"linkType": define the target of the link

"linkParam": additional properties for the link target



As indicated the code example above, the quick menu links have 2 additional properties which are linkType, linkParam.
The linkType allows you to open the links of your menu in a popup browser instead of the parent browser itself.

We have provided you with a list of different available styles.
A style is defined by its links and pref files.
Download styles
Unzip the contents of the downloaded folder and place them in the ky_menu folder in your site, and you try out different menu styles.
Dont forget to include the faceJSON file too and use the proper menuID.