See how element settings are specified and used.
Play with OpenCms. We provide some small examples, each demonstrating a single feature.
Note that many of the examples will only get "interactive" when you can manipulate them. Therefore, you need to be logged in to OpenCms and in the Offline project - which is only possible if you view the demos in your local installation.
Content & Formatting
- Common element settings
An example with two formatters using the same element settings, which are configured once.
- Pasting Scripts into contents
You need to add a script of a foreign provider, e.g., a Facebook Like-button? - Here's how to do it right.
- Head includes
See an example formatter that adds scripts and styles to a page.
- Meta mappings
One formatter reads the meta-information of another
- Lists and detail pages
Learn by example how an editable list is created and links to detail pages are added.
- Inline editing
Edit text directly in the page editor - learn how inline editing is configured.
- Advanced container usage
Design your page layout with nested containers.
- PDF generation
Get your content as PDF - see how it works for a demo article.
Manipulating the content editor
- Dependent editor fields
An example that shows how dependent fields work.
Dynamic functions
- Dynamic functions
See a detailed definition of a dynamic function and watch it in action.
- Function detail pages
Learn by example how function detail pages work - we write a simple calculator displaying calculation results on a function detail page.
Caching
- Flex cache settings
Caching is important - learn at a simple example how flex cache configurations change dynamic behavior.
Image processing
- Image scaling
See the
<cms:img>tag in action and learn about the image scaling facilities in OpenCms.
OpenCms JSP API
- Accessing container-page information
See a formatter that collects information about the container page.