Lightbox support in Aida/Web

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
15 messages Options
Reply | Threaded
Open this post in threaded view
|

Lightbox support in Aida/Web

Nicolas Petton
Hi all,

In the last version of Aida on http://mc.bioskop.fr/Aida, you'll find a
new component: WebLightbox.

You can see a demo here: http://nico.bioskop.fr/lightbox.html

So, now Aida too has a lightbox support. I would like to thank Lukas
Renggli who let me reuse his lightbox script.

How to use it? It is quite simple:

| e |
e := WebElement new.
e add: (WebLightbox newFor: WebCounter new) "or any other WebComponent
or WebElement"
...

If you find any bug, please tell me. Also, I didn't test it under IE and
safari. Could someone do it for me please?

So now the next step is to add a call/answer like feature to WebElement,
which will use the lightbox ;)


Cheers!

Nico


--
Nicolas Petton
http://nico.bioskop.fr
            ___
          ooooooo
         OOOOOOOOO
        |Smalltalk|
         OOOOOOOOO
          ooooooo
           \   /
            [|]
--------------------------------
Ma clé PGP est disponible ici :
http://nico.bioskop.fr/pgp-key.html

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida

signature.asc (196 bytes) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Rob Rothwell
I can try it tomorrow if no one gets to it before me on both IE and Safari under Windows...

Call/Answer would be great for popup "dialogs!"

Rob

On Mon, Jun 23, 2008 at 9:04 PM, nico <[hidden email]> wrote:
Hi all,

In the last version of Aida on http://mc.bioskop.fr/Aida, you'll find a
new component: WebLightbox.

You can see a demo here: http://nico.bioskop.fr/lightbox.html

So, now Aida too has a lightbox support. I would like to thank Lukas
Renggli who let me reuse his lightbox script.

How to use it? It is quite simple:

| e |
e := WebElement new.
e add: (WebLightbox newFor: WebCounter new) "or any other WebComponent
or WebElement"
...

If you find any bug, please tell me. Also, I didn't test it under IE and
safari. Could someone do it for me please?

So now the next step is to add a call/answer like feature to WebElement,
which will use the lightbox ;)


Cheers!

Nico


--
Nicolas Petton
http://nico.bioskop.fr
           ___
         ooooooo
        OOOOOOOOO
       |Smalltalk|
        OOOOOOOOO
         ooooooo
          \   /
           [|]
--------------------------------
Ma clé PGP est disponible ici :
http://nico.bioskop.fr/pgp-key.html

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida



_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Giuseppe
In reply to this post by Nicolas Petton
Cool.

I will try it when have time. Then, on InciGest, I can use this instead
of opening a new page, for display all companies for example? something
like this for example?:

| e |
e := WebElement new.
e add: (WebLightbox newFor: self viewCompanies).
self add: e

I can try it on Safari when back to home.

nico escribió:

> Hi all,
>
> In the last version of Aida on http://mc.bioskop.fr/Aida, you'll find a
> new component: WebLightbox.
>
> You can see a demo here: http://nico.bioskop.fr/lightbox.html
>
> So, now Aida too has a lightbox support. I would like to thank Lukas
> Renggli who let me reuse his lightbox script.
>
> How to use it? It is quite simple:
>
> | e |
> e := WebElement new.
> e add: (WebLightbox newFor: WebCounter new) "or any other WebComponent
> or WebElement"
> ...
>
> If you find any bug, please tell me. Also, I didn't test it under IE and
> safari. Could someone do it for me please?
>
> So now the next step is to add a call/answer like feature to WebElement,
> which will use the lightbox ;)
>
>
> Cheers!
>
> Nico
>
>
>  
> ------------------------------------------------------------------------
>
> _______________________________________________
> Aida mailing list
> [hidden email]
> http://lists.aidaweb.si/mailman/listinfo/aida
>  

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Giuseppe
In reply to this post by Nicolas Petton
On IE6 seems to work OK

nico escribió:

> Hi all,
>
> In the last version of Aida on http://mc.bioskop.fr/Aida, you'll find a
> new component: WebLightbox.
>
> You can see a demo here: http://nico.bioskop.fr/lightbox.html
>
> So, now Aida too has a lightbox support. I would like to thank Lukas
> Renggli who let me reuse his lightbox script.
>
> How to use it? It is quite simple:
>
> | e |
> e := WebElement new.
> e add: (WebLightbox newFor: WebCounter new) "or any other WebComponent
> or WebElement"
> ...
>
> If you find any bug, please tell me. Also, I didn't test it under IE and
> safari. Could someone do it for me please?
>
> So now the next step is to add a call/answer like feature to WebElement,
> which will use the lightbox ;)
>
>
> Cheers!
>
> Nico
>
>
>  
> ------------------------------------------------------------------------
>
> _______________________________________________
> Aida mailing list
> [hidden email]
> http://lists.aidaweb.si/mailman/listinfo/aida
>  

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Edgar J. De Cleene
In reply to this post by Nicolas Petton



El 6/23/08 10:04 PM, "nico" <[hidden email]> escribió:

> If you find any bug, please tell me. Also, I didn't test it under IE and
> safari. Could someone do it for me please?
Works well in Safari , no in older IE for mac or in Icab for Mac

Nice addition to have !

Edgar


_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Giuseppe
In reply to this post by Nicolas Petton
Loaded in my image from http://mc.bioskop.fr/Aida, now, I get a DNU
MCWorkingCopyBrowser>>includesKey:

nico escribió:

> Hi all,
>
> In the last version of Aida on http://mc.bioskop.fr/Aida, you'll find a
> new component: WebLightbox.
>
> You can see a demo here: http://nico.bioskop.fr/lightbox.html
>
> So, now Aida too has a lightbox support. I would like to thank Lukas
> Renggli who let me reuse his lightbox script.
>
> How to use it? It is quite simple:
>
> | e |
> e := WebElement new.
> e add: (WebLightbox newFor: WebCounter new) "or any other WebComponent
> or WebElement"
> ...
>
> If you find any bug, please tell me. Also, I didn't test it under IE and
> safari. Could someone do it for me please?
>
> So now the next step is to add a call/answer like feature to WebElement,
> which will use the lightbox ;)
>
>
> Cheers!
>
> Nico
>
>
>  
> ------------------------------------------------------------------------
>
> _______________________________________________
> Aida mailing list
> [hidden email]
> http://lists.aidaweb.si/mailman/listinfo/aida
>  

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Rob Rothwell
In reply to this post by Nicolas Petton
On Mon, Jun 23, 2008 at 9:04 PM, nico <[hidden email]> wrote:
Hi all,

In the last version of Aida on http://mc.bioskop.fr/Aida, you'll find a
new component: WebLightbox.

You can see a demo here: http://nico.bioskop.fr/lightbox.html

So, now Aida too has a lightbox support. I would like to thank Lukas
Renggli who let me reuse his lightbox script.

How to use it? It is quite simple:

| e |
e := WebElement new.
e add: (WebLightbox newFor: WebCounter new) "or any other WebComponent
or WebElement"

Sorry for this question, but how are you "showing" the lightbox?  As a view?

I am trying:
...
    e addButtonText: 'lightbox' action: #lightBox.
...

With:

actionMainLightBox
    self redirectTo: self observee view: #lightbox

And:

viewLightbox
    |e|
    e := WebElement new.
    e add: (WebLightbox newFor: ExampleWebComponent new).
    self pageFrameWith: e title: 'Data Manager'.   


With:


ExampleWebComponent>>build
    |e|
    super build.
    e := WebElement new.
    e addText: 'Hello, Lightbox'.
    ^e

Which "sort of" gives me a lightbox effect over the page frame display, but without any content...

Just missing something, I guess...

Rob

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Nicolas Petton
Le mardi 24 juin 2008 à 09:51 -0400, Rob Rothwell a écrit :

> On Mon, Jun 23, 2008 at 9:04 PM, nico <[hidden email]>
> wrote:
>         Hi all,
>        
>         In the last version of Aida on http://mc.bioskop.fr/Aida,
>         you'll find a
>         new component: WebLightbox.
>        
>         You can see a demo here: http://nico.bioskop.fr/lightbox.html
>        
>         So, now Aida too has a lightbox support. I would like to thank
>         Lukas
>         Renggli who let me reuse his lightbox script.
>        
>         How to use it? It is quite simple:
>        
>         | e |
>         e := WebElement new.
>         e add: (WebLightbox newFor: WebCounter new) "or any other
>         WebComponent
>         or WebElement"
>
> Sorry for this question, but how are you "showing" the lightbox?  As a
> view?
>
> I am trying:
> ...
>     e addButtonText: 'lightbox' action: #lightBox.
> ...
>
> With:
>
> actionMainLightBox
>     self redirectTo: self observee view: #lightbox
>
> And:
>
> viewLightbox
>     |e|
>     e := WebElement new.
>     e add: (WebLightbox newFor: ExampleWebComponent new).
>     self pageFrameWith: e title: 'Data Manager'.    
>
>
> With:
>
>
> ExampleWebComponent>>build
>     |e|
>     super build.
>     e := WebElement new.
>     e addText: 'Hello, Lightbox'.
>     ^e
Rob, try to replace #build with:

build
        super build.
        self addText: 'Hello, Lightbox'.

Also, clear your browser cache to avoid problems with css.

Cheers!

Nico
--
Nicolas Petton
http://nico.bioskop.fr
            ___
          ooooooo
         OOOOOOOOO
        |Smalltalk|
         OOOOOOOOO
          ooooooo
           \   /
            [|]
--------------------------------
Ma clé PGP est disponible ici :
http://nico.bioskop.fr/pgp-key.html

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida

signature.asc (196 bytes) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Rob Rothwell
Thanks...now I "get" WebComponents...

It seems to work fine on Windows XP Professional using:

IE7
Firefox 2.0.0.14
Safari 3.1.1

Thanks!

Rob

On Tue, Jun 24, 2008 at 10:08 AM, nico <[hidden email]> wrote:
Le mardi 24 juin 2008 à 09:51 -0400, Rob Rothwell a écrit :
> On Mon, Jun 23, 2008 at 9:04 PM, nico <[hidden email]>
> wrote:
>         Hi all,
>
>         In the last version of Aida on http://mc.bioskop.fr/Aida,
>         you'll find a
>         new component: WebLightbox.
>
>         You can see a demo here: http://nico.bioskop.fr/lightbox.html
>
>         So, now Aida too has a lightbox support. I would like to thank
>         Lukas
>         Renggli who let me reuse his lightbox script.
>
>         How to use it? It is quite simple:
>
>         | e |
>         e := WebElement new.
>         e add: (WebLightbox newFor: WebCounter new) "or any other
>         WebComponent
>         or WebElement"
>
> Sorry for this question, but how are you "showing" the lightbox?  As a
> view?
>
> I am trying:
> ...
>     e addButtonText: 'lightbox' action: #lightBox.
> ...
>
> With:
>
> actionMainLightBox
>     self redirectTo: self observee view: #lightbox
>
> And:
>
> viewLightbox
>     |e|
>     e := WebElement new.
>     e add: (WebLightbox newFor: ExampleWebComponent new).
>     self pageFrameWith: e title: 'Data Manager'.
>
>
> With:
>
>
> ExampleWebComponent>>build
>     |e|
>     super build.
>     e := WebElement new.
>     e addText: 'Hello, Lightbox'.
>     ^e

Rob, try to replace #build with:

build
       super build.
       self addText: 'Hello, Lightbox'.

Also, clear your browser cache to avoid problems with css.

Cheers!

Nico
--
Nicolas Petton
http://nico.bioskop.fr
           ___
         ooooooo
        OOOOOOOOO
       |Smalltalk|
        OOOOOOOOO
         ooooooo
          \   /
           [|]
--------------------------------
Ma clé PGP est disponible ici :
http://nico.bioskop.fr/pgp-key.html


_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Nicolas Petton
Le mardi 24 juin 2008 à 10:57 -0400, Rob Rothwell a écrit :
> Thanks...now I "get" WebComponents...
>
> It seems to work fine on Windows XP Professional using:
>
> IE7
> Firefox 2.0.0.14
> Safari 3.1.1

Ok, good news, thank you.

Also, remember that you can use lightboxes with traditional WebElements,
not only components:

viewLightbox
        | e f |
        e := WebElement new.
        e addTextH1: 'lightbox demo'.
        f := WebElement new.
        f addText: 'This is a lightbox'.
        e add: (WebLightbox newFor: f).
        self pageFrameWith: e title: 'lightbox demo'

Cheers!

Nico
--
Nicolas Petton
http://nico.bioskop.fr
            ___
          ooooooo
         OOOOOOOOO
        |Smalltalk|
         OOOOOOOOO
          ooooooo
           \   /
            [|]
--------------------------------
Ma clé PGP est disponible ici :
http://nico.bioskop.fr/pgp-key.html

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida

signature.asc (196 bytes) Download Attachment
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Giuseppe
A view doen't answer a WebElement, this was my mistake.

nico escribió:

> Le mardi 24 juin 2008 à 10:57 -0400, Rob Rothwell a écrit :
>  
>> Thanks...now I "get" WebComponents...
>>
>> It seems to work fine on Windows XP Professional using:
>>
>> IE7
>> Firefox 2.0.0.14
>> Safari 3.1.1
>>    
>
> Ok, good news, thank you.
>
> Also, remember that you can use lightboxes with traditional WebElements,
> not only components:
>
> viewLightbox
> | e f |
> e := WebElement new.
> e addTextH1: 'lightbox demo'.
> f := WebElement new.
> f addText: 'This is a lightbox'.
> e add: (WebLightbox newFor: f).
> self pageFrameWith: e title: 'lightbox demo'
>
> Cheers!
>
> Nico
>  
> ------------------------------------------------------------------------
>
> _______________________________________________
> Aida mailing list
> [hidden email]
> http://lists.aidaweb.si/mailman/listinfo/aida
>  

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Rob Rothwell
In reply to this post by Nicolas Petton
On Tue, Jun 24, 2008 at 11:04 AM, nico <[hidden email]> wrote:
Ok, good news, thank you.

Your welcome...

Also, remember that you can use lightboxes with traditional WebElements,
not only components:

viewLightbox
       | e f |
       e := WebElement new.
       e addTextH1: 'lightbox demo'.
       f := WebElement new.
       f addText: 'This is a lightbox'.
       e add: (WebLightbox newFor: f).
       self pageFrameWith: e title: 'lightbox demo'

Ok...so if you want the "previous page" to remain visible beneath the lightbox, you need to render it as well.  Otherwise, the only thing that remains under the lightbox is the page frame stuff...

Thanks again for the good work,

Rob

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Janko Mivšek
In reply to this post by Giuseppe
Giuseppe Luigi Punzi wrote:
> Cool.
>
> I will try it when have time. Then, on InciGest, I can use this instead
> of opening a new page, for display all companies for example? something
> like this for example?:


I think lightbox is most useful for things like YES/NO dialogs while for
other you rather use traditional Aida approach.

Janko


>
> | e |
> e := WebElement new.
> e add: (WebLightbox newFor: self viewCompanies).
> self add: e
>
> I can try it on Safari when back to home.
>
> nico escribió:
>> Hi all,
>>
>> In the last version of Aida on http://mc.bioskop.fr/Aida, you'll find a
>> new component: WebLightbox.
>>
>> You can see a demo here: http://nico.bioskop.fr/lightbox.html
>>
>> So, now Aida too has a lightbox support. I would like to thank Lukas
>> Renggli who let me reuse his lightbox script.
>>
>> How to use it? It is quite simple:
>>
>> | e |
>> e := WebElement new.
>> e add: (WebLightbox newFor: WebCounter new) "or any other WebComponent
>> or WebElement"
>> ...
>>
>> If you find any bug, please tell me. Also, I didn't test it under IE and
>> safari. Could someone do it for me please?
>>
>> So now the next step is to add a call/answer like feature to WebElement,
>> which will use the lightbox ;)
>>
>>
>> Cheers!
>>
>> Nico
>>
>>
>>  
>> ------------------------------------------------------------------------
>>
>> _______________________________________________
>> Aida mailing list
>> [hidden email]
>> http://lists.aidaweb.si/mailman/listinfo/aida
>>  
>
> _______________________________________________
> Aida mailing list
> [hidden email]
> http://lists.aidaweb.si/mailman/listinfo/aida

--
Janko Mivšek
AIDA/Web
Smalltalk Web Application Server
http://www.aidaweb.si
_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Rob Rothwell
On Tue, Jun 24, 2008 at 1:59 PM, Janko Mivšek <[hidden email]> wrote:
Giuseppe Luigi Punzi wrote:
> Cool.
>
> I will try it when have time. Then, on InciGest, I can use this instead
> of opening a new page, for display all companies for example? something
> like this for example?:


I think lightbox is most useful for things like YES/NO dialogs while for
other you rather use traditional Aida approach.

Yes...the Yes/No was what I was looking for...like "are you sure you want to delete the ........?"

Thanks again Nico!

Rob 

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida
Reply | Threaded
Open this post in threaded view
|

Re: Lightbox support in Aida/Web

Nicolas Petton
Le mardi 24 juin 2008 à 14:20 -0400, Rob Rothwell a écrit :

> On Tue, Jun 24, 2008 at 1:59 PM, Janko Mivšek
> <[hidden email]> wrote:
>         Giuseppe Luigi Punzi wrote:
>         > Cool.
>         >
>         > I will try it when have time. Then, on InciGest, I can use
>         this instead
>         > of opening a new page, for display all companies for
>         example? something
>         > like this for example?:
>        
>        
>        
>         I think lightbox is most useful for things like YES/NO dialogs
>         while for
>         other you rather use traditional Aida approach.
>
>
> Yes...the Yes/No was what I was looking for...like "are you sure you
> want to delete the ........?"
I will try a first implementation of call/answer shortly.
Then it will be easy to add methods to WebElement like #inform: aString
#confirm: aString

Cheers!

Nico

--
Nicolas Petton
http://nico.bioskop.fr
            ___
          ooooooo
         OOOOOOOOO
        |Smalltalk|
         OOOOOOOOO
          ooooooo
           \   /
            [|]
--------------------------------
Ma clé PGP est disponible ici :
http://nico.bioskop.fr/pgp-key.html

_______________________________________________
Aida mailing list
[hidden email]
http://lists.aidaweb.si/mailman/listinfo/aida

signature.asc (196 bytes) Download Attachment