hits counter

Content PopUp

Create PopUp Content Blocks with our easy to use, sleek, modern, responsive solution for your Concrete5 website.

Add the Content Popup Block to any page on your Website. Fill in your content with the Text Editor, include images, links, text, anything you would do with a regular Content Block.

Adjust the padding around the inside of the PopUp Window, the overall width of the Popup and optionally enter a height to restrict the size of the PopUp. If text overflows the height a sidebar allows for scrolling.

Select the Link type to activate your Popup Window.

On image links you can optionally add text for the image title and alt attributes.

Adjust the Fade Duration for the PopUp action and transition between images in File Set Galleries

Block Class is an optional field that adds a class to the thumbnail and pop up window wrappers to allow styling to individual instances of the block.

Choose the type of link you want to activate the PopUp.

  • Thumbnail - Select an image from the File manager to use as the popup link.
  • Text Link - Enter text that will be displayed as the link to activate a popup.
  • CSS Selector can be a class or id on a link anywhere on the page. Inclue a . for classes, # for ID's.
  • On Page load is the ever so annoying PopUp when the page is loaded by the browser.

When Show caption on Popup is checked you can enter text that will be displayed below the video popup window.


Examples

Image Link

DSC00062.jpg

Theater of Electricity

Indoor bolts produced by the world's largest air-insulated Van de Graaff generator spark exciting explorations of lightning, conductors, insulators, electricity, magnetism, and storm safety.

CSS Link

Here is a regular Content Block with a link that initiates the PopUp Content Block. Assign a CSS Class or ID to a link anywhere on the page and configure the PopUp Content Block to use a CSS Element.

Donec augue quam, aliquam et mattis a, dapibus nec purus. Aliquam consectetur adipiscing dolor nec semper. Nam vitae varius odio. Aliquam est orci, tincidunt nec dignissim non, posuere ultrices libero. Fusce eget urna vitae libero ornare feugiat. Nullam eu turpis sed tortor imperdiet aliquam. Sed eget dui id sapien tincidunt tempor. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent euismod massa dolor, a laoreet massa. Etiam nec tortor ligula, et molestie felis. Phasellus quis sodales elit. Praesent facilisis ipsum quis leo malesuada non accumsan ligula ultricies. Fusce varius, mauris ultricies viverra faucibus, nisl purus pretium lorem, eu convallis odio ligula vitae mauris.

Fixed Height

DSC00043.jpg

Satellite's gone

Up to the skies
Thing like that drive me
Out of my mind

I watched it for a little while
I like to watch things on TV

Satellite of love
Satellite of love
Satellite of love
Satellite of

Satellite's gone
Way up to Mars
Soon it will be filled
With parking cars

I watch it for a little while
I love to watch things on TV

Satellite of love
Satellite of love
Satellite of love
Satellite of

I've been told that you've been bold
With Harry, Mark and John
Monday, Tuesday, Wednesday to Thursday
With Harry, Mark and John

Satellite's gone
Up to the skies
Thing like that drive me
Out of my mind

I watched it for a little while
I love to watch things on TV

Satellite of love
Satellite of love
Satellite of love
Satellite of love

Satellite of love
Satellite of love
Satellite of love
Satellite of love
Satellite of love
Satellite of love


LEWIS ALLEN REED, LOU REED