Tabbed Interface - Carousel

Looking for WET v3.1?

WET v4.0 is now the current version. There is a new location for the current page in WET v3.1.

Carousel style 1 (carousel-s1)

Panel 1

Take Note: Renewal of the Aviation Document Booklet 
Learn more about air transportation in Canada.

Panel 2

Take Note: Grade Crossing Improvement Program (GCIP)
Learn more about rail transportation in Canada.

Panel 3

Take Note: Tanker Safety Expert Panel
Learn more about marine transportation in Canada.

Carousel style 2 (carousel-s2)

  • tab 1
  • tab 2
  • tab 3
Panel 1

Take Note: Renewal of the Aviation Document Booklet 
Learn more about air transportation in Canada.

Panel 2

Take Note: Grade Crossing Improvement Program (GCIP)
Learn more about rail transportation in Canada.

Panel 3

Take Note: Tanker Safety Expert Panel
Learn more about marine transportation in Canada.

Grids example

Carousel style 1 - col-sm-6 col-md-4

Panel 1

Take Note: Renewal of the Aviation Document Booklet 
Learn more about air transportation in Canada.

Panel 2

Take Note: Grade Crossing Improvement Program (GCIP)
Learn more about rail transportation in Canada.

Panel 3

Take Note: Tanker Safety Expert Panel
Learn more about marine transportation in Canada.

Carousel style 2 - col-sm-6 col-md-8

Panel 1

Take Note: Renewal of the Aviation Document Booklet 
Learn more about air transportation in Canada.

Panel 2

Take Note: Grade Crossing Improvement Program (GCIP)
Learn more about rail transportation in Canada.

Panel 3

Take Note: Tanker Safety Expert Panel
Learn more about marine transportation in Canada.

Change rotation speed

Data attribute (data-wb-tabs='{"interval": 3}')

Panel 1

Take Note: Renewal of the Aviation Document Booklet 
Learn more about air transportation in Canada.

Panel 2

Take Note: Grade Crossing Improvement Program (GCIP)
Learn more about rail transportation in Canada.

Panel 3

Take Note: Tanker Safety Expert Panel
Learn more about marine transportation in Canada.

CSS classes (slow, fast)

Panel 1

Take Note: Renewal of the Aviation Document Booklet 
Learn more about air transportation in Canada.

Panel 2

Take Note: Grade Crossing Improvement Program (GCIP)
Learn more about rail transportation in Canada.

Panel 3

Take Note: Tanker Safety Expert Panel
Learn more about marine transportation in Canada.

Multimedia player example

Looking for a Job (Transcript)

Training and Development (Transcript)

Date modified: