Results 1 to 5 of 5

Thread: Left Vertical toolbar in ExtJs3

  1. #1
    Sencha User
    Join Date
    Jan 2013
    Posts
    5
    Vote Rating
    0
      0  

    Default 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

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,421
    Vote Rating
    1271
      0  

    Default

    You can use hbox layout and have a stylized container hold buttons and stuff.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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 in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jan 2013
    Posts
    5
    Vote Rating
    0
      0  

    Default 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.

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,421
    Vote Rating
    1271
      0  

    Default

    Could be as simple as adding an Ext.Component with a height between them
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    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 in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha User
    Join Date
    Jan 2013
    Posts
    5
    Vote Rating
    0
      0  

    Default 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 ?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •