Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#6695 closed defect (invalid)

Odd Lightbox rendering issue with TitlePane.

Reported by: guest Owned by: dante
Priority: high Milestone:
Component: Dojox Version: 1.1.0
Keywords: lightbox rendering ie6 background Cc: josh@…
Blocked By: Blocking:

Description

I am having an issue with dojox.image.Lightbox on ie6 (of course) - works great with firefox. First off, I applied the patch of sfoster's on 6682 to a stock 1.1 release. Now I get the footer but if the Lightbox is contained within a Titlepane the background doesn't contrast correctly and it is hard to make out the border of the lightbox itself. Strangely - if I put a debug tag in djConfig which brings up the console pane it works.

To replicate - go to:

http://www.spiritualpaths.net/sitepages/pid2045.php?ltemplate=image_demo&pageId=2045&item_id=3&pb_debug_dojo=0

Click the icon next to Photo: then a thumbnail.

Now change the 0 to 1 at the end to run dojo with debug=true

http://www.spiritualpaths.net/sitepages/pid2045.php?ltemplate=image_demo&pageId=2045&item_id=3&pb_debug_dojo=1

Click icon and thumbnail again and note the background difference.

The content within the TitlePane? can be viewed from this url: http://tinyurl.com/4bgruo - outside of the TitlePane? it renders fine.

Thanks,

Josh

Change History (4)

comment:1 Changed 11 years ago by Adam Peller

Owner: changed from Adam Peller to dante

comment:2 Changed 11 years ago by guest

Solved by adding:

<style type="text/css">
	#dojoxLightboxDialog_underlay {
		background-color:#000 !important;
	}
</style>

Feel free to close trac.

comment:3 Changed 11 years ago by dante

Resolution: invalid
Status: newclosed

comment:4 Changed 11 years ago by dante

for the record, I think it was related to css-interning, and the .dijitDialogUnderlay redefinition in image.css conflicting (losing precedence somehow) in IE to the default white background. Lightbox only uses a single Dialog and Underlay to do it's work, and it gets the id="dojoxLightboxDialog_underlay", so styling it with an #id selector overwrites any stray styles.

it's always bothered me image.css sets dijitDialogUnderlay to #000, as dijit.Dialog's inherit that unless overwritten by #dialogId_underlay selectors

Note: See TracTickets for help on using tickets.