Close Button is not working

Feb 15, 2011 at 9:51 AM

Hi

 

I love your module, it is straight forward and easy to use, just upload the images in separate folder and the module will display it, so easy to administer and maintain Great!

 

A little issue I have is even if I enable  Show Close Button, it is not visible.

 

I am using DNN community edition 5.6.0, Win 2008 & MS SQL 2008

 

 

Apr 6, 2011 at 6:37 AM

I am unable to duplicate this in my test environments.  Is this only happening in Internet Explorer?

May 24, 2011 at 6:20 PM

I also encountered this issue. Turned on Modal and the close button disappeared (note that in this scenario the ESC button also does not function). These are the settings I used:

  1. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtPadding">Padding</label>
    <input id="dnn_ctr385_EditLightbox_txtPadding" class="wns_textbox_small" maxlength="3" name="dnn$ctr385$EditLightbox$txtPadding" type="text" value="10" />
    Space between FancyBox wrapper and content
  2. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtMargin">Margin</label>
    <input id="dnn_ctr385_EditLightbox_txtMargin" class="wns_textbox_small" maxlength="3" name="dnn$ctr385$EditLightbox$txtMargin" type="text" value="20" />
    Space between viewport and FancyBox wrapper
  3. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_chkOpacity">Opacity</label>
    <input id="dnn_ctr385_EditLightbox_chkOpacity" checked="checked" name="dnn$ctr385$EditLightbox$chkOpacity" type="checkbox" />
    When checked, transparency of content is changed for elastic transitions
  4. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_chkModal">Modal</label>
    <input id="dnn_ctr385_EditLightbox_chkModal" checked="checked" name="dnn$ctr385$EditLightbox$chkModal" type="checkbox" />
    When true, 'overlayShow' is set to 'true' and 'hideOnOverlayClick', 'hideOnContentClick', 'enableEscapeButton', 'showCloseButton' are set to 'false'
  5. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_chkCyclic">Cyclic</label>
    <input id="dnn_ctr385_EditLightbox_chkCyclic" checked="checked" name="dnn$ctr385$EditLightbox$chkCyclic" type="checkbox" />
    When true, galleries will be cyclic, allowing you to keep pressing next/back.
  6. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_chkOverlayShow">Show Overlay</label>
    <input id="dnn_ctr385_EditLightbox_chkOverlayShow" checked="checked" name="dnn$ctr385$EditLightbox$chkOverlayShow" type="checkbox" />
    Toggle overlay
  7. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtOverlayOpacity">Overlay Opacity</label>
    <input id="dnn_ctr385_EditLightbox_txtOverlayOpacity" class="wns_textbox_small" maxlength="3" name="dnn$ctr385$EditLightbox$txtOverlayOpacity" type="text" value="0.3" />
    Opacity of the overlay (from 0 to 1; default - 0.3)
  8. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtOverlayColor">Overlay Color</label>
    <input id="dnn_ctr385_EditLightbox_txtOverlayColor" class="wns_textbox_small" maxlength="50" name="dnn$ctr385$EditLightbox$txtOverlayColor" type="text" value="#666" />
    Color of the overlay
  9. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_chkTitleShow">Show Title</label>
    <input id="dnn_ctr385_EditLightbox_chkTitleShow" checked="checked" name="dnn$ctr385$EditLightbox$chkTitleShow" type="checkbox" />
  10. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_lstTitlePosition">Title Position</label>

    The position of the title. Can be set to 'outside', 'inside' or 'over'
  11. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_lstTransition">Transition In/Out</label>

    The transition type. Can be set to 'elastic', 'fade' or 'none'
  12. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtSpeed">Speed In/Out</label>
    <input id="dnn_ctr385_EditLightbox_txtSpeed" class="wns_textbox_small" maxlength="4" name="dnn$ctr385$EditLightbox$txtSpeed" type="text" value="300" />
    Speed of the fade and elastic transitions, in milliseconds
  13. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtChangeSpeed">Change Speed</label>
    <input id="dnn_ctr385_EditLightbox_txtChangeSpeed" class="wns_textbox_small" maxlength="4" name="dnn$ctr385$EditLightbox$txtChangeSpeed" type="text" value="300" />
    Speed of resizing when changing gallery items, in milliseconds
  14. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_chkShowCloseButton">Show Close Button</label>
    <input id="dnn_ctr385_EditLightbox_chkShowCloseButton" checked="checked" name="dnn$ctr385$EditLightbox$chkShowCloseButton" type="checkbox" />
    Toggle close button visibility
  15. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_chkShowNavArrows">Show Navigation Arrows</label>
    <input id="dnn_ctr385_EditLightbox_chkShowNavArrows" checked="checked" name="dnn$ctr385$EditLightbox$chkShowNavArrows" type="checkbox" />
    Toggle navigation arrows visibility
  16. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_chkEnableEscapeButton">Enable Escape Button</label>
    <input id="dnn_ctr385_EditLightbox_chkEnableEscapeButton" checked="checked" name="dnn$ctr385$EditLightbox$chkEnableEscapeButton" type="checkbox" />
    Toggle if pressing Esc button closes FancyBox
  17. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtOnStart">OnStart Callback</label>
    <input id="dnn_ctr385_EditLightbox_txtOnStart" class="wns_textbox" maxlength="100" name="dnn$ctr385$EditLightbox$txtOnStart" type="text" />
    Will be called right before attempting to load the content
  18. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtOnCancel">OnCancel Callback</label>
    <input id="dnn_ctr385_EditLightbox_txtOnCancel" class="wns_textbox" maxlength="100" name="dnn$ctr385$EditLightbox$txtOnCancel" type="text" />
    Will be called after loading is canceled
  19. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtOnComplete">OnComplete Callback</label>
    <input id="dnn_ctr385_EditLightbox_txtOnComplete" class="wns_textbox" maxlength="100" name="dnn$ctr385$EditLightbox$txtOnComplete" type="text" />
    Will be called once the content is displayed
  20. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtOnCleanup">OnCleanup Callback</label>
    <input id="dnn_ctr385_EditLightbox_txtOnCleanup" class="wns_textbox" maxlength="100" name="dnn$ctr385$EditLightbox$txtOnCleanup" type="text" />
    Will be called just before closing
  21. <label class="SubHead wns-label wns-labelright" for="dnn_ctr385_EditLightbox_txtOnClosed">OnClosed Callback</label>
    <input id="dnn_ctr385_EditLightbox_txtOnClosed" class="wns_textbox" maxlength="100" name="dnn$ctr385$EditLightbox$txtOnClosed" type="text" />
    Will be called once FancyBox is closed
Jul 7, 2011 at 4:31 PM

When this happens, do you get any Javascript errors?