1. #1
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    103
    Vote Rating
    6
    abierbaum is on a distinguished road

      0  

    Default vrs.ux.MenuPanel: Extension to simplify creation of ios style menus with forms

    vrs.ux.MenuPanel: Extension to simplify creation of ios style menus with forms


    On one of my current projects, I found that I needed to create a lot or "menus" in the interface with a look and feel similar to the iPhone settings menus. I was having trouble making it easy to create something that looked good and didn't take a lot of code. So I created an extension that allows for the simple creation of menus with decorations (left and right side icons) using sencha touch FormPanel and fieldsets. I also included a styling flag to allow developers to make it look a bit more like iOS. Hopefully this will prove useful for other people.

    You can find links to demo and source code on github: https://github.com/vrsource/vrs.ux.touch/wiki

    The code looks like:

    Code:
       menu_items = [
          {content: 'Photo Gallery', leftIcon: 'img/flower.png', rightIcon: 'img/chevron.png'},
          {content: 'Messaging', leftIcon: 'img/sms.png', rightIcon: 'img/chevron.png'},
          {content: 'Allow Tracking', leftIcon: 'img/checked.png' }
       ]
    
       var menu = new vrs.ux.touch.MenuPanel({
          menuItems: menu_items,
          listeners: {
             itemTap: function(fl, index) { console.log('Tapped index: ', index); },
             leftTap:   function(fl, index) { console.log('Left item selected: ', index); },      
          }
       });


    Let me know what you think. If you have ideas, please pass them along or better yet fork the code on github and try it out.

  2. #2
    Sencha User
    Join Date
    Aug 2010
    Posts
    303
    Vote Rating
    3
    steve1964 is on a distinguished road

      0  

    Default


    Hi, very well done, i'm using your plugin for a "more" tab in an app i'm developing. I've tested the plugin on iPad, iPod, Samsung Galaxy Tab and Samsung Galaxy GT 9003 and it work as expected.
    Thanks a lot...

  3. #3
    Ext JS Premium Member
    Join Date
    Oct 2010
    Posts
    103
    Vote Rating
    6
    abierbaum is on a distinguished road

      0  

    Default


    Quote Originally Posted by steve1964 View Post
    Hi, very well done, i'm using your plugin for a "more" tab in an app i'm developing. I've tested the plugin on iPad, iPod, Samsung Galaxy Tab and Samsung Galaxy GT 9003 and it work as expected.
    Thanks a lot...
    that is great to hear. I am glad it is proving useful.

  4. #4
    Sencha User
    Join Date
    Jun 2011
    Location
    Los Angeles, CA
    Posts
    19
    Vote Rating
    0
    eyalfx is on a distinguished road

      0  

    Default That is so cool.

    That is so cool.


    I just started using it and whaooo... it's unbelievable.
    Thank you so much for sharing it.
    YOU ROCK!

Similar Threads

  1. Extension to close Menus on mouseout?
    By BulletzBill in forum Ext 3.x: User Extensions and Plugins
    Replies: 0
    Last Post: 17 Mar 2011, 8:11 PM
  2. Extension to close Menus on mouseout?
    By BulletzBill in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 16 Mar 2011, 5:18 AM
  3. MenuPanel Extension (Ext Menu inside Panel)
    By mabello in forum Ext 2.x: User Extensions and Plugins
    Replies: 77
    Last Post: 3 Nov 2009, 7:05 PM
  4. Forms don't persist data in FF when using menus
    By DanHorowitzNyc in forum Ext 1.x: Bugs
    Replies: 3
    Last Post: 17 Jul 2007, 6:53 AM

Thread Participants: 2

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi