1. #1
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    29
    Vote Rating
    0
    Answers
    1
    tnt9062 is on a distinguished road

      0  

    Default Unanswered: Creating a Navigation bar

    Unanswered: Creating a Navigation bar


    I'm looking for a solution to create navigation bar like in the picture.

    bar.png

    Tried to make it using tab panel and buttons but without success
    I would like to change active step runtime and use it with card layout (as wizard navigation panel).

    Does anyone had similar experience?

    Thanx.

  2. #2
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Vote Rating
    86
    Answers
    31
    existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice

      0  

    Default


    What about the TabPanel didn't work? Seems like that could be easily used for your scenario, with a bit of CSS tweaking of course.
    Before pasting your code, see if you can make a working example using Sencha Fiddle: https://fiddle.sencha.com/

    Not only will it let everyone see what you're talking about with their own eyes, but it also makes debugging your issue 19 billion times easier

    Embedding your newly created Fiddle is super-easy: Using Sencha Fiddle in the Forums

  3. #3
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    29
    Vote Rating
    0
    Answers
    1
    tnt9062 is on a distinguished road

      0  

    Default


    The main problem with tabPanel was overlapping of tabs, because I would like to place arrow of previous button over the next button.

  4. #4
    Sencha User
    Join Date
    Sep 2011
    Posts
    573
    Vote Rating
    73
    Answers
    58
    ettavolt is just really nice ettavolt is just really nice ettavolt is just really nice ettavolt is just really nice

      0  

    Default


    You can configure negative margins for tabs.

  5. #5
    Sencha Premium Member
    Join Date
    Jul 2013
    Posts
    8
    Vote Rating
    0
    Answers
    1
    madhu.vistex is on a distinguished road

      0  

    Thumbs up Facing same Problem

    Facing same Problem


    Can you post code.
    I mean how how did you designed that one

  6. #6
    Sencha Premium Member
    Join Date
    Aug 2012
    Posts
    29
    Vote Rating
    0
    Answers
    1
    tnt9062 is on a distinguished road

      0  

    Default


    Actually I skipped the problem. Will return to this in a few days. Will post a solution here )