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:
Go to line 324:
Tweak the margin property the following way if you want to display the close button inside the lightbox window:
If you want to display the button outside the lightbox window:
Regards:Vulcho.
This can be done through additional custom coding.
locate the following stylesheet in your root:
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. )
#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.
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.