Positioning YOWL

[kaip...@gmail.com]

Hi,
I just found this project and it is really cool!!
I'm trying to implement it inside my application.

What I'd like to achieve is something like www.thesixtyone.com
(bubbles begin to appear if you try to register).

I'd like YOWL to position itself in the bottom right of the window,
and also I'd like new bubbles to appear at the bottom of the que
having the old ones go up.

I tried appending the yui container to a div placed on the bottom
right corner but:
1) when panels appear I get scroll bars on the browser
2) if I resize the window new panels are placed incorrectly
3) new panels appear from the top of the container, I'd like them to
appear at the bottom (like www.thesixtyone.com)

You can view an example here:

http://www.rexite.it/map/map_new.lasso


Thanx in advance,
Augusto

[Mark Birbeck]

Hi Augusto,

Thanks for pointing out www.thesixtyone.com--it's a great illustration
of exactly what we're trying to make available via Yowl. (I like the
way they 'shake' into place...we may have to add a few effects like
that. :))

It looks like your post is a combination of feature requests and bug
reports. I've entered them into the issue-tracking system, and if you
think I have missed any, or you want to add any comments to the ones
I've added, then please go ahead.

Regards,

Mark

[kaip...@gmail.com]

I found the way to display notifications without having scrollbars: I
create a div inside the markup called notifications and then I use
this in javascript as the overlay container.

Now the problem is having new notifications at the top of the list.

How can I do this?

thanx,
Augusto

[kaip...@gmail.com]

Reading my previous post it doesn't seem very clear...

What I'd like YOWL to do is when it creates a new panel appending it
at the top of the container (at the moment YOWL appends it at the
end).
I'm looking carefully at the display-yui.js but cannot find the place
when it decides where to position the new panel...

Thanx,
Augusto

[Mark Birbeck]

Hi Augusto,

The current code is pretty simple, and doesn't actually have any
positioning. It just appends the new notification to the end of the
list.

I notice by the way that sixtyone does this as well. The difference is
that they have the messages anchored to the bottom so that the
messages gradually rise up. This looks better than we have it now, so
we'd need to look at how to do the same. (Most likely it will just be
a little it of CSS.)

Which is not to say that we shouldn't have an option to allow the
newest message to go to the top of the list if that is how people
might use it--that's how Growl does it, for example--but just to point
out that sixtyone does it from the bottom.

Regards,

Mark

On 17/12/2007, kaip...@gmail.com <kaip...@gmail.com> wrote:
>