1. 22 Jan 2007 12:03 PM #1
    jack.slocum
    jack.slocum is offline
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    6
    jack.slocum is on a distinguished road
      0  

    Default Screenshots - Toolbar and Menus

    Screenshots - Toolbar and Menus


    Newly revised Toolbar with MenuButton (aero theme):



    New menus (only 1 theme so far):



    The menus include full keyboard support and work like desktop menus (no auto hide, they are click to hide).

    The menus weigh in at 10kb which is much less than YUI 46kb + 40kb (container core). They may be missing a few features (like the menubar component) in this version, but it does support something extra I think will prove to be useful. Along with the built-in MenuItem types, items can be any HTML element and can be rendered from a template. This will allow Office 2007 style menus. I will come up with some example of this functionality before the official release.
    Reply With Quote Reply With Quote
  2. 22 Jan 2007 3:19 PM #2
    Stephan
    Stephan is offline
    Ext User
    Join Date
    Mar 2007
    Posts
    3
    Vote Rating
    0
    Stephan is on a distinguished road
      0  

    Default


    Wow, that looks absolutely incredible !

    Do plan to include this menu component in the 0.40 release ?
    If so, 0.40 will be a huge step with tons of great killer features.
    Reply With Quote Reply With Quote
  3. 22 Jan 2007 4:03 PM #3
    jack.slocum
    jack.slocum is offline
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    6
    jack.slocum is on a distinguished road
      0  

    Default


    Yep. I updated the screenshot to include the color picker menu item as well. I think it is a good example of a custom menu item that was easy to make.
    Reply With Quote Reply With Quote
  4. 22 Jan 2007 6:30 PM #4
    ilazarte
    ilazarte is offline
    Sencha User
    Join Date
    Mar 2007
    Posts
    62
    Vote Rating
    0
    ilazarte is on a distinguished road
      0  

    Default


    Jack that looks incredible.
    Reply With Quote Reply With Quote
  5. 22 Jan 2007 10:59 PM #5
    Condor70
    Condor70 is offline
    Ext User
    Join Date
    Mar 2007
    Posts
    31
    Vote Rating
    0
    Condor70 is on a distinguished road
      0  

    Default


    The menu looks great! I can't wait to use it in my application...

    I have just a small comment about the second screenshot:

    Shouldn't the Support menu item be highlighted if menu is dropped down ?
    Reply With Quote Reply With Quote
  6. 22 Jan 2007 11:30 PM #6
    Luc
    Luc is offline
    Ext Premium User
    Join Date
    Mar 2007
    Posts
    89
    Vote Rating
    1
    Luc is on a distinguished road
      0  

    Default


    That looks great!

    Can they also be used as contextmenu?
    Reply With Quote Reply With Quote
  7. 22 Jan 2007 11:32 PM #7
    brian.moeskau
    brian.moeskau is offline
    Sencha User
    Join Date
    Apr 2012
    Location
    Austin, Texas
    Posts
    2
    Vote Rating
    0
    brian.moeskau is an unknown quantity at this point
      0  

    Default


    Quote Originally Posted by Condor70
    Shouldn't the Support menu item be highlighted if menu is dropped down ?
    I assume that you just glanced at it quickly and didn't notice that "Help Forums" is the highlighted parent menu
    Reply With Quote Reply With Quote
  8. 22 Jan 2007 11:53 PM #8
    Condor70
    Condor70 is offline
    Ext User
    Join Date
    Mar 2007
    Posts
    31
    Vote Rating
    0
    Condor70 is on a distinguished road
      0  

    Default


    @bmoeskau:

    The screenshot shows a 3 level menu: Support > Help Forums > Radio Caption 4.

    IMHO all 3 selected menu items should be highlighted.
    Reply With Quote Reply With Quote
  9. 23 Jan 2007 12:40 AM #9
    Animal
    Animal is offline
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,458
    Vote Rating
    20
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough
      0  

    Default


    'kin' 'ell! I can't wait to get my hands on that! The YUI menu-min.js is 55K, and it's an unwieldy system extending the heavyweight container class, Overlay which requires container-min.js at 66K.

    Will it be possible to build the menu from markup and have the constructor/initialization massage the DOM into shape, or will it be from Jacascript only?
    Reply With Quote Reply With Quote
  10. 23 Jan 2007 1:07 AM #10
    concept
    concept is offline
    Ext User
    Join Date
    Mar 2007
    Posts
    5
    Vote Rating
    0
    concept is on a distinguished road
      0  

    Default


    Looks great

    Are you going to support Rich menu tab (like ribbon UI in Office 2007)
    http://www.raizlabs.com/blog/2006/09...een-space.html

    Or more traditional menu tab
    http://www.html.it/articoli/niftycube/nifty4.html#
    http://dhtml-menu.com/dhtml-tab-menu/tab-menu-xp.html
    http://www.dhtmlgoodies.com/scripts/...nu-images.html
    http://www.cssplay.co.uk/menus/sliding_doors.html

    Works great on small screens (smartphones)
    Reply With Quote Reply With Quote

Similar Threads

  1. about toolbar with menus?
    By franklt69 in forum Ext 2.x: Help & Discussion
    Replies: 9
    Last Post: 17 Jan 2008, 8:13 AM
  2. Create Toolbar and Menus from markup?
    By Saeven in forum Ext 2.x: Help & Discussion
    Replies: 7
    Last Post: 5 Jun 2007, 4:29 AM
  3. Jack's Screenshots
    By Webnet in forum Community Discussion
    Replies: 2
    Last Post: 28 Feb 2007, 9:55 AM
  4. Error with implementing toolbar menus [SOLVED]
    By Jamie Avins in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 22 Feb 2007, 8:36 AM
  5. How do you use yui-ext? Post your screenshots
    By Skeleton in forum Community Discussion
    Replies: 16
    Last Post: 22 Feb 2007, 1:11 AM