DMXzone Lightbox Support Product Page

Adding A close Link inside the floating window

Asked 05 Mar 2013 05:31:20
1
has this question
05 Mar 2013 05:31:20 Joe Villanova posted:
A client does not like the close box that appears in the popup window. Easy enough to disable the close box. However, the client wants a Close link or a Close box in the html file that the Lightbox opens. I tried some java scripts I found on the web, but they don't work with the floating window. Is there some code I can place in the html file that will close the floating window. Sort of a self close script -- one that works!

Replies

Replied 05 Mar 2013 08:29:34
05 Mar 2013 08:29:34 Vulcho Vulev replied:
Hello Joe.

This can be done through additional custom coding.
locate the following stylesheet in your root:
Quote
dmx/widgets/Lightbox/styles/default/style.css


Go to line 324:
#dmxBoxWrapper .closeButton {
    height: 20px;
    margin: 0;
    position: absolute;
    width: 20px;
    z-index: 94;
}


Tweak the margin property the following way if you want to display the close button inside the lightbox window:

 
#dmxBoxWrapper .closeButton {
    height: 20px;
    margin: 20px;
    position: absolute;
    width: 20px;
    z-index: 94;
}


If you want to display the button outside the lightbox window:

#dmxBoxWrapper .closeButton {
    height: 20px;
    margin: -20px;
    position: absolute;
    width: 20px;
    z-index: 94;
}


Regards:Vulcho.
Replied 06 Mar 2013 01:45:31
06 Mar 2013 01:45:31 Joe Villanova replied:
This is what I ended having to do -- this works in Chrome/Safari Mac.

#dmxBoxWrapper .closeButton {
height : 20px;
width : 20px;
position : absolute;
z-index : 94;
padding-top: 20px;
padding-right: 20px;
}

Now the next question -- How do I use my own close symbol? The client wants it to be a square box and X. )
Replied 06 Mar 2013 07:55:49
06 Mar 2013 07:55:49 Vulcho Vulev replied:
Hello Joe.

Unfortunately such customization is not possible.
Take a look at our tutorial for using custom presets which represent the built in the lightbox options for creating your individual lightbox styling.
The information is located on page 32:
DMXZone Lightbox Manual

Regards:Vulcho.

Reply to this topic