Per Nergård
Dec 25, 2014
  3569
(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

Please login to comment.
Latest blogs
Opti ID overview

Opti ID allows you to log in once and switch between Optimizely products using Okta, Entra ID, or a local account. You can also manage all your use...

K Khan | Jul 26, 2024

Getting Started with Optimizely SaaS using Next.js Starter App - Extend a component - Part 3

This is the final part of our Optimizely SaaS CMS proof-of-concept (POC) blog series. In this post, we'll dive into extending a component within th...

Raghavendra Murthy | Jul 23, 2024 | Syndicated blog

Optimizely Graph – Faceting with Geta Categories

Overview As Optimizely Graph (and Content Cloud SaaS) makes its global debut, it is known that there are going to be some bugs and quirks. One of t...

Eric Markson | Jul 22, 2024 | Syndicated blog

Integration Bynder (DAM) with Optimizely

Bynder is a comprehensive digital asset management (DAM) platform that enables businesses to efficiently manage, store, organize, and share their...

Sanjay Kumar | Jul 22, 2024