Best Modal Popup for Rails

Rails
1

I have been researching modal dialog popup windows for my rails app
and have narrowed the search down to two with two main variables in
mind: ease of integration and speed. The two, that use prototype, are
Redbox and the Prototype Window Class. I am looking for any input as
to which may work better in terms of speed and integration and any
other general advice. I would also like to style the popup windows
with rounded corners if possible and not sure if you can do that with
either one. Also, if there is another library that I am leaving out
that would work with me pre-req’s please let me know.

thanks, Dave

2

Hi David,

David wrote:

I have been researching modal dialog popup windows for my rails app
and have narrowed the search down to two with two main variables in
mind: ease of integration and speed. The two, that use prototype, are
Redbox and the Prototype Window Class. I am looking for any input as
to which may work better in terms of speed and integration and any
other general advice.

I’ve been working for the past few days with Redbox. It’s got some
‘cruft’
that needed to be cleaned up, but it was pretty easy to figure out. I
haven’t worked with the other. There was a brief exchange yesterday
about
the same topic and another library was mentioned. It was titled “what
is
the preferred ‘lightbox’ plugin”.

I would also like to style the popup windows with rounded corners

This is done with an image background on the div that gets rendered into
your lightbox. You’ll need to style it with something like:

width: 999px;
height: 555px;
background-image: url(…/images/total_box.png);

The image won’t display (at least it wouldn’t for me) if you don’t
specify
the width and height.

HTH,
Bill

3

Thanks for the insight. Does redbox play well with IE6?

4

David wrote:

Thanks for the insight. Does redbox play well with IE6?

I have the luxery of only having to support FF. The code does recognize
(at
least some) browser-specific quirks, but I haven’t tested it at all on
IE.
Sorry I can’t be of more help.

Best regards,
Bill

5

I’m partial to the submodal. Because I wrote it and it came out before
all these *_box variants. I like to think that I was the first using
such a solution, though it’s probably not the case :wink:

Patches welcome, JS hackers:

http://code.google.com/p/submodal/

seth - subimage llc

http://sublog.subimage.com

Cashboard - Estimates, invoices, and time tracking software - for free!
http://www.getcashboard.com

Substruct - Open source RoR e-commerce software.
http://code.google.com/p/substruct/

6

Hey, I am trying to get RedBox working but have run into some issues.
When I click on a Redbox link, everything works except that a white
blank div element appears at the top of the screen in the middle no
matter what. I thought it may be an issue with the installation b/c I
noticed that the plugin install did not copy the appropriate files to
the right folders. So I tried updating but got this error(I installed
all the files manually):

rake aborted!
private method `copy’ called for File:Class
/Users/dlynam/rails_apps/clean/vendor/plugins/redbox/rakefile:28

Then I tried re-installing the plugin but I get an error with that
too. It seems other people are getting the same errors as per the
posts on the Redbox page:

Plugin not found: [“svn://rubyforge.org/var/svn/ambroseplugins/
redbox”]

7

hi David
I have same problem.

private method `copy’ called for File:Class

at first.

as you said, some of tue function are not updated.
so, how can i solve this problem?

thanks.

8

It looks like this is the problem, some of the functions are not
updated for newer versions of prototype(from the posts on craigs
site), but I tried this and this still does not work:

Redbox is broken.

These lines are indeed wrong:
Element.setTop(window_id, boxTop);
Element.setLeft(window_id, boxLeft);

It looks like Graig wanted to use the lightbox functions.

To repair replace those lines with:
$(window_id).style.top = boxTop +“px”;
$(window_id).style.left = boxLeft +“px”;