1. 20 Jan 2013 11:21 PM #1
    tanu_dua
    tanu_dua is offline
    Sencha User
    Join Date
    Jan 2013
    Posts
    5
    Vote Rating
    0
    tanu_dua is on a distinguished road
      0  

    Default Left Vertical toolbar in ExtJs3

    Left Vertical toolbar in ExtJs3


    Hi,

    I have a requirement to show the icons on the extreme left side of the page as a vertical toolbar.

    Something I found in extJs4 as follows . Since, I am using ExtJs3 can someone help me on that to implement the same functionality in extJs3 ?


    http://try.sencha.com/extjs/4.0.7/ex...rs/viewer.html

    Thanks,
    Tanu
    Reply With Quote Reply With Quote
  2. 22 Jan 2013 12:14 PM #2
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,599
    Vote Rating
    434
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    You can use hbox layout and have a stylized container hold buttons and stuff.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  3. 22 Jan 2013 6:18 PM #3
    tanu_dua
    tanu_dua is offline
    Sencha User
    Join Date
    Jan 2013
    Posts
    5
    Vote Rating
    0
    tanu_dua is on a distinguished road
      0  

    Default Got it..

    Got it..


    Yes I have now started using the hbox container . How we can put spaces between the buttons , I am doing a workaround by putting empty panels in between the buttons but do we have anything light ? I saw there is some Spacer in ExtJs but could not find how to use that. Great if you can help me on that.
    Reply With Quote Reply With Quote
  4. 23 Jan 2013 6:49 AM #4
    mitchellsimoens
    mitchellsimoens is offline
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,599
    Vote Rating
    434
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of
      0  

    Default


    Could be as simple as adding an Ext.Component with a height between them
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!

    When posting code, please use BBCode's CODE tags.
    Reply With Quote Reply With Quote
  5. 23 Jan 2013 8:24 PM #5
    tanu_dua
    tanu_dua is offline
    Sencha User
    Join Date
    Jan 2013
    Posts
    5
    Vote Rating
    0
    tanu_dua is on a distinguished road
      0  

    Default Is box Component the lighter one to put the space

    Is box Component the lighter one to put the space


    I have used Box Component with height between them , but is it the lightest component to put the space ?
    Reply With Quote Reply With Quote