• Join Now
  • Sign In
  • Cart
  • Instant Setup
  • Download
Logo
  • About
    • Try it Out
    • Site Editor Tour
    • Designer Tour
    • Developer Tour
    • Testimonials
    • Showcase
    • History
    • Our Philosophy
    • Credits
    • What does free mean?
    • Blog
  • Community
    • Members
    • Forums
    • Chat
    • Karma
    • International
    • Jobs
    • eNewsletters
  • Developers
    • Download concrete5
    • Join Beta Team
    • Translate concrete5
    • Bug Tracker
    • Submit to Marketplace
    • Code Submissions
    • News
    • Community Leaders
  • Marketplace
    • Add-Ons
    • Themes
    • Installation Help
    • Deal Of The Day
    • Swag
  • Services
    • Hosting
    • Support Options
    • Consulting
    • Training
    • Enterprise
  • Documentation
    • Getting Started
    • Editor's Guide
    • Developers Guide
    • How-Tos
    • Basics
  • Add-Ons
  • Themes

Content Around Image

developed byagedman
7 Reviews

I would not recommend using this block any more unless your design requirements are extremely minimal.  In general, I think you will be much happier using JordanLev's Designer Content block instead (it's free too!).  You can find out more about it here.

This custom block relies heavily on the code for the standard C5 block types: 'content' and 'image'.  The user specifies the image separately from the wysiwyg content, then makes other settings.

The other settings currently include the image alignment (left or right), an optional caption (displayed below the image), a url to make the image a link (with a switch to make it open in a new tab) and finally alt text.

Besides making it easy for the user to get things to line up and wrap correctly (with reasonable margins), this block resizes the image based on the specified max width and height so we get nice small files.

I've tested in a couple of themes and stacking these blocks seems to work fine, with no big gaps between them.  The content and image are followed by a clearing div, so the float doesn't break the layout.

There's a truly tiny view.css file that can be edited to change the caption alignment, font-style, etc.

Currently, one limitation is that you can't add file download links to the content area using the 'Files' button on the concrete5 toolbar at the top of the content editor.  If you need your content to contain a link to a file, a workaround is to add a temporary content block with the links you need, then copy/paste the links into the 'Content Around Image' block.

Current Version

1.23 Download Archive

Supported Browsers

  • Firefox 3+
  • Chrome All
  • Safari 3+
  • Internet Explorer 7+

Works With

5.1.x — 5.4.2.2

Average Support Response

Not enough data

Add to Cart

Free Add One Free Add Five
Screenshots#### Demo Demo Demo

Also Check Out

  • Audience Contribution
  • Interface Elements
Thumbnail Intermediate

Learn More

  • Content Around Image Home
  • Pre-Sale Questions
  • Reviews
  • Questions & Discussion
  • Support
  • License
  • Roadmap
  • Features
  • Documentation
  • Version History
  • Marketplace
  • Add-Ons
  • Content Around Image

Do you have questions

  • What are users saying?
  • Who is using concrete5?
  • What makes concrete5 easy?
  • Why develop on concrete5?
 

We’re on “The Twitter”

Totally Random Live 2/3/2012 http://t.co/E99XM8wb #concrete5

Follow concrete5

About

  • Try it Out
  • Site Editor Tour
  • Designer Tour
  • Developer Tour
  • Testimonials
  • Showcase
  • History
  • Our Philosophy
  • Credits
  • What does free mean?
  • Blog

Community

  • Members
  • Forums
  • Chat
  • International
  • Jobs
  • eNewsletters

Developers

  • Download concrete5
  • Join Beta Team
  • Translate concrete5
  • Bug Tracker
  • Beta
  • Submit to Marketplace
  • Code Submissions
  • News
  • Community Leaders
  • User Doc Group

Marketplace

  • Add-Ons
  • Themes
  • Installation Help
  • Deal Of The Day
  • Swag

Services

  • Hosting
  • Support Options
  • Consulting
  • Training
  • Enterprise

Documentation

  • Getting Started
  • Editor's Guide
  • Developers Guide
  • How-Tos
  • Basics

Legal

  • Privacy Policy
  • Terms of Use
  • Refund Policy
  • Contact Us
© 2008 to 2012 Concrete CMS Inc. All Rights Reserved.

Sign In?

You must have a user account and be signed to perform this action.

  • Sign In
  • Register