Path style menu
This is a multi-level menu inspired by Path 2.0 UI which has sky rocketed the Path application in the App store, proving that a distinctive UI can really give you the edge in a competitive marketplace with similar products.
When the user presses or clicks the button, menu items expand and place themselves around the main button forming an arc, a circle, line up horizontally or vertically. To close the menu the user needs to either selects one of the options presented or press the main button again.
If multiple levels are nested, then clicking a sub menu will produce the back button allowing the user to go back to the previous menu selection.
Change log follows
14/06/2013 changeset 3.7.0.2 revision build
Fixed a regression bug with multi-level menu items.
31/05/2013 changeset 3.7.0.1 revision build
Shortcode parser was broken. This is a regression bug, but regardless we’ve rewritten the parser to now use the built-in shortcode parser in WordPress.
29/05/2013 changeset 3.7
29/05/2013 changeset 3.7
Previous versions were only compatible with php 5.3. This has lead to a lot of support requests because the majority of wordpress users are still on 5.2. We are now compatible with php 5.2 and above. Previous versions required execute permissions for the dynamic css handler in the plugin. This is no longer a requirement as our new handler uses a custom post type. Sometimes dynamic themes don’t always play well with plugins. To remedy, we’ve added a new tools page where you can collect all the runtime rendering of the shortcodes. This allows you to manually embedd the js and html required to render the menu instead of relying on wordpress hooks that some themes skip to call. Added a brand new css handler for serving dynamic css. Unlike previous versions, this one uses a custom post type and does not require setting any special permissions. It just works! Updated the documentation. Fixed the arc style menu on iOS where the menu was jumpy when scrolling the page. Now it scrolls along with the page smoothly. Fixed inline menu bug where the menu items alignment got distorted if scrollbars were present in the page. Added a new option to allow stopping an expanded menu from collapsing when clicking in the document window. Menu items could be seen travelling from the top edge of the screen towards where the main button sits. This has been fixed. Now as the page loads all you see is the mainbutton. Item buttons expand and are visible only after clicking the main button.
09/01/2013 Changeset 3.6
Fixed an issue that existed when creating a menu using the wordpress menus feature, where if only part of the menu was selected, then this resulted in no the pathmenu not recognizing the menu data at all. Made some small superficial code improvements for wp 3.5 Upgraded the plugin with the latest version of the path menu v3.6
26/11/2012 Changeset 3.5
Fixed an issue on touch devices where the inline menu wasn’t showing at all. A change in the previous release broke this, fixed now. Fixed the positioning of submenu items when there were 1 or 2 submenu items in all. The menu items would remain partially covered by the main button. Ensured that the menu doesn’t get hidden by accident, i.e. we’ve noticed a popular responsive theme doing this. The code is much more tolerant towards these types of situations now.
18/11/2012 Changeset 3.4
The plugin now allows you to use the generated shortcode in your header.php file. Clicking the buttons will allow enough time for the animation to complete before navigating to the destination url. When the menu loads the first time, you see it in motion as it hides behind the main button. Now it just loads behind the main button period.
22/10/2012 Changeset 3.3
Upgraded scripts to use the latest version of the pathmenu 3.3 Added php version notification in case the plugin is being used by an inferior version of php.
10/01/2012 Changeset 3.2
Added support for automatically opening the menu on page load. To enable this you have to set expanded: true Added support for automatically collapsing the menu after it was automatically expanded on page load. For this you have to set the expandTimeout value to the number of waiting milliseconds. Added support for labels. You can enable this feature by adding showLabel: true, and a label is displayed alongside the icon. The label text is supplied through the title property, more in the documentation.
9/18/2012 Changeset 3.1
Fixed a bug in the image picker’s pager.
9/17/2012 Changeset 3.1
Made a little update to fix some unpredictable environment issues. If you downloaded earlier versions and it’s not working for you, get this new update. Even if your not experiencing problems, just get this update
9/15/2012 Changeset 3.1
This update is a complete rewrite of the plugin and the script files in use is the latest from the 3.1 release of the standalone version (look there for the fixes applied in the scripts) : We now support docking the menu in all 4 corners of the screen, in fixed mode. Left Bottom Fixed Arc – Items expand from the left bottom corner of the screen in a arc. Left Top Fixed Arc – Items expand from the top left corner of the screen in an arc. Right Bottom Fixed Arc – Items expand from the right bottom corner of the screen in an arc. Right Top Fixed Arc – Items expand from the right top corner of the screen in an arc. Also as part of this plugin, a tool is provided that allows you to customzie the curve of the arc for a fixed style menu. You can use shortcode or force the menu to show on all pages by a simple setting in the menu configuration. We now support inlining the menu alongside your content in the normal page flow via shortcode. When the menu is used in this way, you can chose from 7 different expand patterns : circle Line Top – Items are displayed in a straight line, expanding upwards from the main button. Line Right – Items are displayed in a straight line towards the right of the main button. Line Bottom – Items expand in a straight line downwards from the main button. Line Left – Items expand in a stright line towards the left of the main button. Line Middle Horizontal – Items expand horizontally from either side of the main button ( left and right ), while the main button is in the middle. Line Middle Vertical – Items expand vertically from either side of the main button ( top and bottom ), while the main button is in the middle. As in previous versions, you can customize the icons and configure the menu through it’s admin pages. No need to write a single line of code. Simple settings only. Updated documentation. Since we make use of namespaces in this release, wordpress needs to be running with php 5.3 at a minimum with this plugin.
6/25/2012 Coming soon v3.0, so stay tuned!
New features will include Placing the menu within the page flow with short_code New full 360deg placement of menu items around main menu in a circle, when menu is placed within page flow. Ability to add multiple instances as we are not limited to the lower left corner.
06/03/2012 changeset 2.0
(Note* This new versions is not backward compatible with v1.0, so keep in mind that you will need to re do what you had done previously.) Fixed bug in handheld devices where the addressbar was not compensated for and resulted in nothing happening when touching the menu. Added z index order by default to ensure that the menu covers all other elements. Revamped the Admin configuration page for the pathMenu Now all your menu items are listed in a treeview that includes an image picker. This allows you to set the image icons visually instead of doing it manually in css. Added the ability to add custom javascript code. This is useful when you want to add some logic to the selected menu item handler exposed by the menu i.e. loading pages into a fancybox and what not. Added the ability to limit the menu’s display on pages, by post type.