Hi All,
Some background: I am creating a custom Exhibit data bubble using this
script:
function showItem(elmt) {
var itemID = Exhibit.getAttribute(elmt, "itemID");
Exhibit.UI.showItemInPopup(itemID, elmt, exhibit.getUIContext());
}
and this link in the viewpanel:
<a href="javascript:{}" onclick="showItem(this);"
ex:itemID-content="value"><span ex:content=".label" class="name"></span></a>
When a data bubble is created in Exhibit, it's CSS position is automatically
added to the generated bubble DIV container - eg:
<div class="simileAjax-bubble-container
simileAjax-bubble-container-pngTranslucent" style="width: 410px; height:
30px; left: 775px; top: 216px;">
This positions the bubble directly above the link that generated it.
How can I modify/control the automatically generated "left" and "top" style?
I am wanting to achieve a full page height and width bubble (using css) -
one that floats over the rest of the page (thickbox style). I am getting
there with my CSS, but if there is a way to control the automatic style
rules it would make it much easier. Any help/insight is appreciated.
Regards,
Jon
--
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en.
