Book Image

concrete5: Beginner's Guide - Second Edition

Book Image

concrete5: Beginner's Guide - Second Edition

Overview of this book

concrete5 is an open source content management system (CMS) for publishing content on the World Wide Web and intranets. concrete5 is designed for ease of use, and for users with limited technical skills. It enables users to edit site content directly from the page. It provides version management for every page and allows users to edit images through an embedded editor on the page. concrete5 Beginner's Guide shows you everything you need to get your own site up and running in no time. You will then learn how to change the look of it before you find out all you need to add custom functionality to concrete5. concrete5 Beginner's Guide starts with installation, then you customize the look and feel and continue to add your own functionality. After you've installed and configured your own concrete5 site, we'll have a closer look at themes and integrate a simple layout into concrete5. Afterwards, we're going to build a block from scratch which you can use to manage a news section. We're also going to add a button to our site which can be used to create a PDF document on the fly. This book also covers some examples that show you how to integrate an existing jQuery plugin. concrete5 Beginner's Guide is a book for developers looking to get started with concrete5 in order to create great websites and applications.
Table of Contents (19 chapters)
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Pop Quiz Answers
Index

Time for action – finding autonav block properties


There are several tools doing a similar job, the developer console of Chrome or Safari, Firebug for Firefox, or the built-in inspector of Firefox. Open Chrome or Safari and follow these steps to find the block properties:

  1. After the installation procedure has succeeded, log in to your concrete5 test site http://localhost/login/.

  2. Navigate to the home page and switch to the edit mode. Click on Add to Main and Add Block.

  3. Pick the block you want to find the properties for. Autonav is a good choice as it has a few properties you might not find very intuitive.

  4. When the block edit dialog is visible, right click on the first drop-down list, as shown in the following screenshot:

  5. After you've clicked on Inspect element, the console will show up and automatically select the element named orderBy.

  6. Click on the arrow on the left of the selected element and you'll see the following:

What just happened?

Using the Chrome developer console, we discovered...