Path Taste Menu

Trail taste menu

this is a multi-degree menu impressed by means of Path 2.0 UI which has sky rocketed the trail software in the App retailer, proving that a distinctive UI can in reality come up with the edge in a aggressive market with identical products.

While the consumer 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 consumer must both selects one of the options offered or press the principle button again.

If a couple of levels are nested, then clicking a sub menu will produce the again button allowing the user to move again to the former menu variety.

Amendment log follows:

• 29/05/2013 changeset 3.7

• Fixed the arc style menu on iOS where the menu was once jumpy whilst scrolling the page. Now it scrolls together with the web page smoothly.
• Fixed inline menu trojan horse the place the menu items alignment were given distorted if scrollbars have been present within the page.
• Added a brand new option to permit stopping an expanded menu from collapsing when clicking within the report window.
• Menu pieces could be seen traveling from the top edge of the screen in opposition to where the primary button sits. This has been fastened. Now because the web page loads all you spot is the mainbutton. Merchandise buttons amplify and are visual best after clicking the primary button.

• 09/01/2013 changeset 3.6

• The minified variations didn’t work neatly while atmosphere the icon dimensions and a couple of different homes thru JavaScript. that is mounted now
• In Firefox, there was a flicker while increasing the menu, while this was once fastened before it stored creeping up in later versions, mounted it this time once and for all!
• Main button now rotates an entire 360deg by way of default vs the 180deg from in advance variations

• 26/ELEVEN/2012 Changeset 3.5

• Fixed a subject matter on touch gadgets the place the inline menu wasn’t showing in any respect. a metamorphosis in the earlier free up broke this, fixed now.
• Fastened the positioning of submenu pieces when there were 1 or 2 submenu pieces in all. The menu items would remain in part covered by the primary button.
• Ensured that the menu doesn’t get hidden accidentally, i.e. you finish up settling on the menu in your css when developing responsive layout layouts and hidding it. Cited a couple of topics doing this, shouldn’t be a problem now.

• 19/11/2012 Changeset 3.4

• Clicking the buttons will now permit enough time for the animation to finish before navigating to the vacation spot url
• Whilst the menu lots the first time, you notice it in movement as it hides in the back of the principle button. This used to be unintended. Now it just a lot in the back of the principle button duration.
• Mounted inconsistencies within the documentation.

• 22/10/2012 Changeset 3.3

• New documentation in pdf structure
• Added strengthen for surroundings url straight away whilst environment the pieces. little need to write any code for navigation, as long as you equipped the url, navigation is automated. This makes putting in navigation reasonably easy and doesn’t require manually subscribing to events if one desires to best provide navigation.
• Added fortify for establishing the url in new tab, default is fake.
• Got Rid Of the requirement for atmosphere icons url in css. you'll now setup all the menu in javascript or do issues as sooner than. You’ll have to take a glance at the new documentation.
• In Advance versions exposed a single onSelecteditem which fired for any button clicked. this is a cause for confusion as you then had to manually filter out the buttons of hobby. For sakes of readability we now disclose separate occasions instead:
  1. onMainButtonClick—fires while the primary button is clicked
  2. onParentButtonClick—fires whilst a parent merchandise is clicked
  3. onBackButtonClick—fires when the back button is clicked
  4. onItemButtonClick—fires for a menu item button
• Fixed an inconsistency with the automated growth of the menu in page load.
• Modified the best way identification’s were output by the component. this change break backward compatibility on this model. People the use of css to style the buttons, which was once additionally the default in earlier versions, will wish to prefix the menu id with the menu button identifier i.e. in the past if they had this: #menuitem0 background: url('../images/photo.png') no-repeat; #menuitem1 background: url('../images/people.png') no-repeat; now its: #menu1_menuitem0 background: url('../images/photo.png') no-repeat; #menu1_menuitem1 background: url('../images/people.png') no-repeat; where menu1 is the id of your menu.
• The box component now has a default dimension that may be the dimensions of the principle button. Previously we left this duty at the consumer but this brought more room for confusion and more handbook steps to make the inlined menu behave as one may be expecting it to. that is now handled via the menu internally.

• 10/01/2012 Changeset 3.2

1. enableUrlHash is now fake by way of default. to use this feature you must manually set it to true e.g. enableUrlHash: true handed in as an option to the menu constructor.
2. Whilst passing a simple set of string values to the pieces property eg: items: ‘Menu 1’, ‘Menu 2’, ‘Menu 3’ vs the so much richer format, the value parameter passed to the onSelectedItem adventure handler turned up null. that is fastened now.
3. whilst a menu merchandise is energetic (i.e. clicked) which collapses the menu items all together, clicking into the document again expands the menu with the clicked part no longer appearing. The menu shouldn’t enlarge nor must the clicked part be hidden. this is a worm because of the clicked component being hidden by means of opacity. It’s fastened now.
4. Delivered default margin and padding on major button. that is to make sure that third celebration css within the page doesn't affect the menu.
5. Introduced give a boost to for robotically beginning the menu on page load. To enable this you must set improved: real
6. Delivered fortify for automatically collapsing the menu after it used to be routinely elevated on web page load. For this you have to set the expandTimeout price to the number of waiting milliseconds.
7. Brought beef up for labels. you can permit this option via adding showLabel: true, and a label is displayed alongside the icon. The label text is equipped throughout the title belongings.

• EIGHT/15/2012 Changeset 3.1

• —This replace mostly resolves any ie8 and ie7 problems. a list of fixes :
• IE7 & IE8 compatibility fixes:
  • when clicking within the document and components had been in an expanded state, they weren’t getting collapsed. this is mounted now.
  • all the on-line demos used querySelector. This breaks in ie8 ( compatbility mode).
  • Delivered a polyfill for querySelector and .forEach. this is handiest affecting the web demo in ie8. Fastened.
  • Brought a polyfill for String.trim
  • Fixed the dispose way which choked in ie8
• Other problems:
  • Delivered prime z-index order fortify for the menu whilst on inline mode.
  • Mounted flicker in css3 transition on firefox, the place the animation was choppy and gradual.
  • Brought a missing link in the documentation.

• 8/10/2012 Changeset 3.0

• Delivered beef up for docking the menu in the Left Top Corner, Proper Best Nook and Backside Right Corner. Up To Now we had fortify for only the ground Left Corner. Now we enhance docking in all 4 corners of the reveal.
• Docking is now properly supported in android 4.0++ because it supports css fixed position nicely. it will work in a similar fashion in iOS 5 (if no longer record it, thanks).
• Added reinforce for inlining the menu.
• We now reinforce 11 other kinds of laying out the menu:
  1. PathMenu.ExpandPattern.circle
  2. PathMenu.ExpandPattern.lineTop
  3. PathMenu.ExpandPattern.lineRight
  4. PathMenu.ExpandPattern.lineBottom
  5. PathMenu.ExpandPattern.lineLeft
  6. PathMenu.ExpandPattern.lineMiddleHorizontal
  7. PathMenu.ExpandPattern.lineMiddleVertical
  8. PathMenu.ExpandPattern.leftBottomFixedArc
  9. PathMenu.ExpandPattern.leftTopFixedArc
  10. PathMenu.ExpandPattern.rightBottomFixedArc
  11. PathMenu.ExpandPattern.rightTopFixedArc
• Brought reinforce for a couple of instances of the menu
• Brought beef up for text within the buttons.
• Delivered toughen for symbol masks.
• Prolonged the api and exposed new strategies and homes, particularly ones you'll use so as to add menu pieces dynamically. Reference the documentation for the main points. as well as we’ve also introduced a brand new lab demo to show off more advanced situations, such as adding menu items at runtime.

• 6/12/2012 Changeset 1.9

• Fixed a bug in hand-held gadgets where the addressbar wasn’t compensated for. This resulted in the menu no longer doing anything else throughout a touch operation.
• Brought a default z-index order to make sure that the menu is always peculiarly different components on the page the place it is living.

• 5/19/2012 chagneset 1.8

1. Enhanced the curve
2. Delivered reinforce for closing menu while clicking into the file. this is only for personal computer. On contact enabled gadgets you have to use the close button.
3. Delivered support for tooltips. this is to be had simplest on desktop(non-contact enabled gadgets). check the documentation on how to get tooltip to your menu items.
4. onSelectedItem handler now includes the clicked menu pieces title besides, that is passed within the callbacks arguments.
5. Media queries. you'll be able to now move a list of viewport widths to the keep watch over eg: ‘minWidth’: 640, ‘maxWidth’: 1024 and it will render itself if this situation is glad by way of the requesting instrument/browser.
6. Horizontal scrollbar thickness wasn’t compensated for while placing the menu within the decrease left nook of the viewport. that is fastened now.
7. So Much largest function yet because it has been asked more occasions is that we now have a wordpress plugin (already submitted for evaluation).

• FIVE/19/2012 Changeset 1.8 :

1. Fastened positioning computer virus the place if you happen to had just a unmarried menu merchandise and with the proper curve set it will nonetheless remain hidden in the back of the main menu.
2. Fastened reference only (debug mode) component hierarchy generator where an extra menu item was included in the output.
3. Mounted a computer virus that affected multi-navigation. Principally while you had greater than 1 sub level on more than 1 menu merchandise, there would be a mixup.
4. Mounted a malicious program that affected the first menu item. whilst clicking the primary menu merchandise it wouldn’t scale out whilst scrolling out of view like the others.
5. Now the icons reposition themselves when navigating from one submenu to a different. this allows the icons to keep up their arc as menu items can range in number from submenu to submenu.

• FIVE/15/2012 Understand: 1.EIGHT (Coming soon)
• 4/28/2012 Changeset: 1.7

• Mounted small IE insects.
• Brought new online demo web page and included with source packages.
• Brought make stronger for hash symbols. Now if enableUrlHash is true ( false through default), then while you click on a menu item it’s command gets appended in the url, just like within the new online demo.

• 04/26/2012 Changeset: 1.6

• Whilst submenu’s accelerated the transition was jerky. Fastened.
• Opera mini misplaced easy transitions after we upgraded to 1.5. that is mounted now.
• The back button icon used an arrow in 1.5; This doesn’t lend itself too well for rotation results. To make amends for this we had incremented the rotation, however that wasn’t too excellent. We now decreased the rotation back to how it used to be and adjusted the icon to one thing a lot better.
• Documented a debug characteristic a good way to print out your menu structure so you'll see what your menu’s identity’s appear to be to ease your construction efforts. this is documented in the walkthrough.
• Updated the walkthrough.html report found in the home folder to carry to hurry with the recent changes.
• Uncovered a new way toggleMainButton. this can be mixed with the toggleMenuExpansion method.

• 04/24/2012 changeset 1.FIVE:

• We now enhance multi-stage submenus.
• The api remains in line with earlier variations.
• Delivered documentation for multi-level submenus. It’s part of your download in the walkthrough web page.
• that is actually moderately a big change and the codebase has undergone a partial rewrite. Enjoy!

• 04/17/2012 Changeset 1.FOUR

• Fastened contact computer virus on hand held gadgets
• Mounted a computer virus within the dispose means
• —now right kind cleanup is happening while the menu is disposed of.

• 04/SIXTEEN/2012 Changeset 1.3

• Uncovered set_curve(price) public manner
• Exposed snap() public method
• at the following region ProjectPathMenu\src\com\pathmenu\house
• —Brought an additional demo in index.html that showcases surroundings the curve trend of the sub menu pieces.
• —Brought a walkthrough tutorial, making it a lot more uncomplicated for end person.
• —Brought a demo page which best comprises the menu decreasing probabilities for distraction.

• 04/15/2012 Amendment set 1.2

• Exposed public way : toggleMenuExpansion
• Uncovered public approach : get_toggleState
• Added code sample in the index record (similar because the are living preview) to turn case how toggleMenuExpansion and get_toggleState will also be used.
• Remodeled the sample web page just a little with new fold banner for cellular/desktop gadgets

• 04/14/2012 Amendment set 1.1: x x x

FULL DOWNLOAD