Results 1 to 5 of 5

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

  1. #1
    Sencha User
    Join Date
    Sep 2011
    Posts
    60
    Vote Rating
    0
      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
    39,421
    Answers
    3901
    Vote Rating
    1271
      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 @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
    Sep 2011
    Posts
    60
    Vote Rating
    0
      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 Premium Member
    Join Date
    Jan 2012
    Location
    London, UK
    Posts
    587
    Answers
    25
    Vote Rating
    88
      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
      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.

Posting Permissions

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