Is it me or does this thing not want to come out and display itself?

Inline works. Modal Overlay code is in the page, but somewhere/how a style="display: hidden;" is inserted in the div and it's hidden.

I tried disabling the breadcrumb just to see if it'd appear, but that was not it.

Any suggestions for a coolaid.css fix that may override this issue?

Comments

danielb’s picture

danielb CreditAttribution: danielb commented

Got a link to the page?

Mercury500’s picture

Mercury500 CreditAttribution: Mercury500 commented

Sorry. It's a local development server.

And, I was able to make some headway.

By changing it to inline and then inserting a new help message, and then changing it back to modal.

The ? did show up in IE8 (authorized cool aid administrator role), but not in FF (user1) - BUT it is not clickable.

Update: button now clickable in IE8 (and I get the help message) (updated to latest Acquia Prosper from a couple days ago). But it still is a no show in Chrome and FF.

danielb’s picture

danielb CreditAttribution: danielb commented

Surely this is easy to fix with some investigation through firebug and a little css knowledge.

Mercury500’s picture

Mercury500 CreditAttribution: Mercury500 commented

Thanks. That's what I thought, but not so easy it seems. I changed just about every css setting for the button and then discovered the display = "hidden" issue in the page source code. So, with new info on IE8, I'm thinking it's AP's or Fusion's css overwriting it and/or inheriting issue.

danielb’s picture

danielb CreditAttribution: danielb commented

I just installed prosper and I don't even see the help section in teh source code :/

Mercury500’s picture

Mercury500 CreditAttribution: Mercury500 commented

Argh. Now the IE modal box comes up with both scroll bars. That's what I get when I update... :|

Here's the code in one of my pages - right after the breadcrumbs stuff.

<div class="breadcrumb"><a href="/test/">Home</a></div></div><!-- /breadcrumbs-inner -->

</div><!-- /breadcrumbs -->

                                                <div id="content-top" class="content-top row nested">
                          <div id="content-top-inner" class="content-top-inner inner">
                            <div id="content-help" class="content-help block">
<div id="content-help-inner" class="content-help-inner inner clearfix">
<div class="coolaid"><div class="coolaid-inner"><div class="coolaid-content"><div class="help"><div class="coolaid-message"><p>Groups are perfect for organizing people.</p>
</div><span><a href="/dev/coolaid_admin?destination=node%2F53&amp;path=node%2F%25&amp;arg=node%2F53" title="Administer the help content of this page" class="coolaid-admin">Administer Custom Help Message</a></span>
</div></div></div></div></div><!-- /content-help-inner -->
</div><!-- /content-help -->
                                                                                  </div><!-- /content-top-inner -->

UPDATE: this is a very cool, simple module, that can unobtrusively help my users. Very nice work. I hope I can get it working with AP and Fusion (on all browsers).

danielb’s picture

danielb CreditAttribution: danielb commented

well you're doing better than me, I just get:

                          <div id="content-top-inner" class="content-top-inner inner">
                                                                                                              </div><!-- /content-top-inner -->

It's empty :(

wtf

As soon as I switch it to another theme it works fine again.

Mercury500’s picture

Mercury500 CreditAttribution: Mercury500 commented

I'm using both of the new theme files (Fusion and AP), out a few days ago, and the skinr-6.x-1.x-dev skinr module. AND breadcrumbs on.

And yes, it works great on my Garland admin pages!

danielb’s picture

danielb CreditAttribution: danielb commented
Status: Active » Fixed

OK i didn't have Fusion installed.

The problem is this CSS that comes with coolaid:

a.coolaid-launch {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 400;
  width: 32px;
  height: 32px;
  background: transparent url(coolaid.png) no-repeat left top;
  _background: transparent url(coolaid.gif) no-repeat left top;
  text-decoration: none;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: -10000px;
  line-height: 0px;
  outline: none;
  cursor: pointer;
  cursor: hand;
}

If you remove/override the position:absolute; it will work.

Another way to fix

div#content-messages {
  overflow: visible;
}

or 

div#content-help {
  height: 32px;
}

You need to learn to use firebug dude.

Mercury500’s picture

Mercury500 CreditAttribution: Mercury500 commented

Mucho thanks. And yes, spending more time with Firebug is on my list, a big list that's hard to carry.

FYI All, FIX#1 - icon still doesn't appear (using FF) in Fusion/AP, but seems to work fine for other browsers. FIX#2 seems to be the ticket.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.