Displaying a web page in a lightbox

You may find that you need to display an external url within a lightbox-

Using concrete5, you can do so with the 'Fancy Image Links' add-on. Please note that this add-on requires an image to open the external URL.

If you really want to use text, I'd recommend you take a screenshot of the text and use the screenshot as your image to launch the lightbox. You can then use the 'Title caption' to display the required text to the user.


Opening normal text in a pop-up window- (USING WYSIWYG)

  1. Highlight the text
  2. Click on the 'chain link' icon to open the link setting interface
  3. Select 'Popup' for the top menu bar
  4. Select 'Javascript popup'
  5. Insert URL into 'POPUP URL'
  6. Insert name into 'Window Name'
  7. Select the size you wish the window to be displayed at (Something like 950x550)
  8. select c/c  to center your window
  9. Configure the 'Options' to your liking 
  10. See this EXAMPLE

Opening images (and text images) in a light-box- (USING FANCY IMAGE LINKS)

  1. 'Add to' your desired area
  2. Select 'Add Block'
  3. Select 'Fancy Image Links' from the list
  4. Select your image
  5. Add your Alternative text
  6. add the maximum dimensions for the image
  7. NOW- Where it says "Link Display Settings Link to:" - make sure you select "External URL"
  8. You'll now see the options to add your external url with a title and the option to "Open in a lightbox"
  9. Select "Open in a lightbox" and configure to your liking.
Click on the two examples below for a demonstration.
NeoEmpress External URL in a light box with Concrete5

Posted by:

Share: