overlaying a spinner to a blocker

classic Classic list List threaded Threaded
5 messages Options
Reply | Threaded
Open this post in threaded view
|

overlaying a spinner to a blocker

voger
I want to create a "loading..." effect during the xhr request. I found
few older message and I concluded I need a qx.ui.core.Blocker() with a
.gif image over it. Unfortunately all of them offer guidelines but not a
code example.

I have this example http://tinyurl.com/nncesve and I would like to
overlay for example this .gif file
http://ajaxload.info/images/exemples/8.gif

How can I do that?

------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: overlaying a spinner to a blocker

Phyo Arkar
Voger , try a popup with Fonticon in it, http://fontello.com/ , it is much better quality and a lot nicer .

You just need a label  with span.  



On Wed, Aug 19, 2015 at 3:47 AM, voger <[hidden email]> wrote:
I want to create a "loading..." effect during the xhr request. I found
few older message and I concluded I need a qx.ui.core.Blocker() with a
.gif image over it. Unfortunately all of them offer guidelines but not a
code example.

I have this example http://tinyurl.com/nncesve and I would like to
overlay for example this .gif file
http://ajaxload.info/images/exemples/8.gif

How can I do that?

------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel


------------------------------------------------------------------------------

_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: overlaying a spinner to a blocker

John Spackman-3
In reply to this post by voger
It¹s done by manipulating the zIndex on two widgets attached to the same
parent; there are other things (like modal windows) that have their own
z-index so you need to be sure yours is higher.  Here¹s my version:
http://tinyurl.com/ppepr2r

John

On 18/08/2015 22:17, "voger" <[hidden email]> wrote:

>I want to create a "loading..." effect during the xhr request. I found
>few older message and I concluded I need a qx.ui.core.Blocker() with a
>.gif image over it. Unfortunately all of them offer guidelines but not a
>code example.
>
>I have this example http://tinyurl.com/nncesve and I would like to
>overlay for example this .gif file
>http://ajaxload.info/images/exemples/8.gif
>
>How can I do that?
>
>--------------------------------------------------------------------------
>----
>_______________________________________________
>qooxdoo-devel mailing list
>[hidden email]
>https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel




------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: overlaying a spinner to a blocker

voger
Thanks for the example. It is clear now how it works. But how about
making it work inside the window? I am trying but with no success.
In this example http://tinyurl.com/opo3yfl the window zIndex is 200000,
the blocker zIndex is 15 (what?) and the image zIndex become 200002 but
still doesn't show.

I am looking through the blocker code to see how it does it but I don't
seem to find anything relevant.

On 19/08/2015 08:10 πμ, John Spackman wrote:

> It¹s done by manipulating the zIndex on two widgets attached to the same
> parent; there are other things (like modal windows) that have their own
> z-index so you need to be sure yours is higher.  Here¹s my version:
> http://tinyurl.com/ppepr2r
>
> John
>
> On 18/08/2015 22:17, "voger" <[hidden email]> wrote:
>
>> I want to create a "loading..." effect during the xhr request. I found
>> few older message and I concluded I need a qx.ui.core.Blocker() with a
>> .gif image over it. Unfortunately all of them offer guidelines but not a
>> code example.
>>
>> I have this example http://tinyurl.com/nncesve and I would like to
>> overlay for example this .gif file
>> http://ajaxload.info/images/exemples/8.gif
>>
>> How can I do that?
>>
>> --------------------------------------------------------------------------
>> ----
>> _______________________________________________
>> qooxdoo-devel mailing list
>> [hidden email]
>> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
>
>
>
> ------------------------------------------------------------------------------
> _______________________________________________
> qooxdoo-devel mailing list
> [hidden email]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>


------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
Reply | Threaded
Open this post in threaded view
|

Re: overlaying a spinner to a blocker

voger
I finally made it work. For marking it as solved ( :D ) here is the
complete example. http://tinyurl.com/ph2qeaj

Thanks a lot john for the help and Phyo for the good idea and the link.

------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel