Results 1 to 3 of 3

Thread: Badgetext on any button ?

  1. #1
    Sencha Premium Member
    Join Date
    Sep 2009
    Posts
    35
    Vote Rating
    5
      0  

    Default Badgetext on any button ?

    Hello !
    I found badgetexts so usefull, that i wanted to add it to buttons that are not docked, but it doesn't seem to be working right...

    see in the screen attached, the top button is docked, the bottom buttons are in a div (not docked), and the badgeText is completely different... i suppose that it has something to do with inherited css, but if there is an easy way to achieve the same result, I'd really like to hear it before i find myself tweaking the css
    Attached Images Attached Images

  2. #2
    Sencha Premium Member
    Join Date
    Sep 2009
    Posts
    35
    Vote Rating
    5
      0  

    Default

    Ok I found the hack, I added this to my own css:

    Code:
    span.x-badge {
        overflow:visible;
        -webkit-border-radius:10px;
        padding:0px 5px;
        z-index:30;
        -webkit-box-shadow:#000 0 1px 3px;
        text-shadow:rgba(0, 0, 0, 0.5) 0 -1px 0;
        color:#fff;
        text-align:center;
        border:2px solid #fff;
        position:absolute;
        width:auto;
        min-width:20px;
        height:20px;
        font-size:10px;
        top:-2px;
        right:0px;
        max-width:40px;
        font-weight:bold;
        background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ff6666), color-stop(2%, #d60000), color-stop(50%, #db0000), color-stop(51%, #cc0000), color-stop(100%, #990000));
        display:inline-block;
        line-height: 1.5em;
    }
    Somehow it does the same thing (since it's the css code from ext-touch.css, I don't know why it isn't added by default on any badgetext
    Probably just a small bug

  3. #3
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    11
      0  

    Default

    Thanks for pointing this out and finding the solution. This will be added to the css in the next release.

Similar Threads

  1. Replies: 6
    Last Post: 12 Aug 2010, 9:40 AM
  2. Replies: 2
    Last Post: 13 Jul 2010, 5:08 AM
  3. Replies: 2
    Last Post: 11 Dec 2006, 5:38 AM

Posting Permissions

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