1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    60
    Vote Rating
    0
    chulochula is on a distinguished road

      0  

    Default Unanswered: Is it possible to change the position of indicator of Carousal Panel?

    I meant I want to move it a bit lower. Can I?

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    38,534
    Vote Rating
    1115
    Answers
    3696
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default

    You can use CSS to move it. It has bottom : 0 but a height of 1.5em so the height may help you. Class is x-carousel-indicator-horizontal
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Software Engineer
    ________________
    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
    Sep 2011
    Posts
    60
    Vote Rating
    0
    chulochula is on a distinguished road

      0  

    Default

    Carousal Question.png

    This is my Carousal Panel with 20px padding. Setting css height:0.5m just hide half dot. Is it possible to put the Carousal indicator into the padding area?

  4. #4
    Sencha User
    Join Date
    Jan 2012
    Location
    London, UK
    Posts
    527
    Vote Rating
    87
    Answers
    25
    shepsii is just really nice shepsii is just really nice shepsii is just really nice shepsii is just really nice

      0  

    Default

    You could try using relative positioning and setting the top offset of the element.

    Or take away the padding at the bottom and add a margin at the bottom of each contained item.

  5. #5
    Sencha User
    Join Date
    Sep 2011
    Posts
    60
    Vote Rating
    0
    chulochula is on a distinguished road

      0  

    Default

    Thansk! shepsii, your method of setting the cards' margin instead of the Carousal Panel basically work. However, mine got strange:


    Carousal Question 1.png
    Carousal Question 2.png

    Card 1 (red) has margin-bottom:30px and also Card 2 (blue) which shift up more.

Thread Participants: 2