1. #1
    Sencha User charris's Avatar
    Join Date
    Sep 2010
    Location
    Brooklyn, NY
    Posts
    106
    Vote Rating
    13
    charris will become famous soon enough

      1  

    Default "Loading" spinner (animated GIF) with transparency for dark backgrounds

    "Loading" spinner (animated GIF) with transparency for dark backgrounds


    Sencha comes with at least two animated "spinner" gifs: loading.gif and large-loading.gif. The first (loading.gif) does not have a transparent background and the second only looks good on a light-colored canvas (e.g., a white or grey background).

    I needed a transparent spinner animation that worked on a dark backgrounds, so I modified loading.gif and thought I'd share the results here in case it's useful to anyone else.

    Again, the edges will look slightly rough if you view it on a white background, but with dark backgrouds it looks great. (It's also about half the file size of the other spinners.)
    Attached Images

  2. #2
    Ext User xnakxx's Avatar
    Join Date
    Sep 2010
    Location
    Central Valley Ca
    Posts
    84
    Vote Rating
    0
    xnakxx is on a distinguished road

      0  

    Default


    nice

  3. #3
    Sencha User
    Join Date
    Feb 2011
    Posts
    1
    Vote Rating
    0
    xnightrex is on a distinguished road

      0  

    Default


    thanks a lot!
    working very nice with dark backgrounds!

  4. #4
    Sencha User
    Join Date
    Apr 2011
    Posts
    1
    Vote Rating
    0
    ericburnley is on a distinguished road

      0  

    Default


    Excellent, exactly what I was looking for.

  5. #5
    Sencha User
    Join Date
    Nov 2010
    Posts
    407
    Vote Rating
    6
    gkatz is on a distinguished road

      0  

    Default


    use Ext.LoadingSpinner ...

  6. #6
    Sencha User
    Join Date
    Aug 2011
    Posts
    1
    Vote Rating
    0
    nathan.f77 is on a distinguished road

      0  

    Default Thanks a lot!

    Thanks a lot!


    This is pretty much the only result on google for 'spinner gif for dark background'.
    Thanks heaps!

  7. #7
    Sencha User
    Join Date
    Jul 2011
    Location
    Ohio
    Posts
    13
    Vote Rating
    0
    MaximusW is on a distinguished road

      0  

    Default


    An alternative solution: spin.js - http://fgnass.github.com/spin.js/

  8. #8
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Omaha, NE
    Posts
    557
    Vote Rating
    25
    estesbubba will become famous soon enough estesbubba will become famous soon enough

      0  

    Default


    You can customize the colors, etc. with this:

    http://www.ajaxload.info/

Similar Threads

  1. "MetaGrid":StoreException loading "ux-checkcolumn"
    By mabra in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 6 Apr 2010, 1:14 PM
  2. SpinnerField Problem : "Ext.ux.Spinner is not a constructor"
    By talha06 in forum Ext 3.x: Help & Discussion
    Replies: 11
    Last Post: 5 Mar 2010, 6:59 AM
  3. Replies: 18
    Last Post: 5 Jul 2009, 10:02 AM
  4. Replies: 1
    Last Post: 29 Nov 2007, 11:26 AM

Thread Participants: 7