Child pages
  • Lightbox Design Mockup

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

Updated Mockups for Lightbox Component (Drag and Drop)

These mockups have been updated to reflect the current design for the lightbox. Older versions of this design are archived as attachments to this page.

2. Initial view of lightbox

2. Image being dragged.

The drag avatar is a copy of the original element, and has a new CSS class. The drag avatar and original image can be styled independently (in this example, the original image is styled at half opacity)

3. Drop Target.

The drop target indicator is a separate DIV that is positioned in between two elements. This DIV has a CSS classname which allows it o be styled (in this example, as a red dotted line).