Per Nergård (MVP)
+1
Dec 25, 2014
visibility 4200
star star star star star
(1 votes)

Present several blocks with bootstrap tabs

In the first CMS 7 project I did the customer had a page where they really wanted to show a lot of information which was blocks.

The pages was a bit hard to “digest” for the readers so to make it easier I created a block that rendered other blocks using bootstrap tabs.

The block is simple. It consists of a single contentarea where editors can place their blocks.

Using my tabsblock and two Jumbotron-blocks in the Alloy demo page it looks like this.

Jumbotron1

 

Jumbotron2

 

If you want to try it out you can get the code over at my GitHub

Dec 25, 2014

Comments

error Please login to comment.
Latest blogs
Copies vs. Connections: Modeling Content Areas for Multilingual Success

Starting With the Simple Question Most multilingual content modeling conversations start with a deceptively simple question from a client: "If we s...

Vipin Banka | Aug 23, 2026

Content Transfer coming to Optimizely SaaS CMS

Back in June I released Content Transfer on the Optimizely nuget feed – today I’m releasing version 1.0 , because we’ve had it running out in the...

Matt Pallatt | Aug 23, 2026

Improving Optimizely Product Information in LLM Tools

Tools like Claude Code can be great for working with Optimizely CMS, but when they index outdated or incomplete information about developing a...

Nicholas Sideras | Aug 21, 2026 |

How to Get a Bacpac Out of DXP (And Never Do It By Hand Again)

Every Optimizely DXP project eventually runs into the same task: getting production data onto a local machine so you can actually troubleshoot...

KennyG | Aug 20, 2026