Switch to:
 
 

Module [802] - Parent – Features Carousel

This module allows the creation of a carousel.  Each child inserted into the carousel will contain an icon and title as part of its definition. This icon & title is then automatically assembled into a carousel as shown.  When an item in the carousel is clicked, the child module is displayed between the lines. Maximum number of features in a carousel is 6.

Schema fields used:


Parent:

• Title or header (optional; supports 'Text or HTML Block', RTF formatting removed; shown as overall title of the parent)

• List of Links (supports 'Flex v2.0 - Generic Module' and used to insert child modules)


Child (302 and 2xx child modules supported at this time, 800 - coming soon):  

• Additional Fields - Field Type: 

-  Carousel Label (supports 'Text or HTML Block', RTF enabled to allow breakpoints in the label; shown as carousel label) 

-  Carousel Image Active (supports 'Image'; default icon size 102x60; provided for active version)

-  Carousel Image Inactive (supports 'Image'; default icon size 102x60; provided for inactive version) 

-  Web Fonts icon name (supports 'Text or HTML Block' or direct embedded in the Field Contents; replaces the need to link an active and inactive image into the module)  


When a web font icon name is provided, it will be used to display the icon (takes precedence over carousel image – active and carousel image - inactive). 


IMPORTANT NOTE: The current icon fonts are leveraged from the Software collection on the short term. On the long term, a new process for uploading icon fonts to other BU collections.

For the Software collection of icon fonts, click here.

Main variations of module [802]:

 

Title/Header Component (Optional): [802] Parent with 3 x [302] and 3 x [200] + Recalculate Height attribute

 
Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Title/Header Component [302] 

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
External Link w/ type & overwrite

Title/Header Component 1

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

Title/Header Component (Optional): [802] Parent with 3 x nested [302] + Hide Icon attribute

 
Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Title/Header Component [302] 

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is a simple link in a list

Title/Header Component (Optional): [802] Parent with 4 x nested [200]

 

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

Title/Header Component 1

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

 

Title/Header Component [800]

The overall variation contains 2 x [800] parents, each nesting children. This descriptive text is provided as description from an [800] with title. It contains as parent a [800] for 2 x [302] children. Each module with it's own description and title. No web font icon (making the text shift up).

Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

The overall variation contains 2 x [800] parents, each nesting children. This descriptive text is provided as description from an [800] without title. It contains as parent a [800] for 2 x [200] children. Each module with it's own description. No web font icon (making the text shift up).

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

This variation contains: 

• a [802] Parent Features Carousel with its own Title

• [200] Additional Info RTF Block modules that serve this description 

Example hosts more than 6 items

 
This is a title not created with overlay

This is a title not created with overlay

this is a description not created with overlay
Title/Header Component [302] 

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This is a simple link in a list
Title/Header Component [302] 

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
External Link w/ type & overwrite
Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Title/Header Component [302]

Title/Header Component [302]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a title not created with overlay

this is a description not created with overlay

Example with Shared Icon Font [302]

This text is a description created with the overlay for the 302 module.
Example with Shared Icon Font [302]

This is a title not created with overlay

this is a description not created with overlay

Live examples:

 
 
HP Education Editions

Built for schools. Designed for learning.

HP Education Editions are built to withstand the rigors of daily use by students and with innovative touch, pen, and voice interfaces, as well as HP School Pack1, 2 to support active learning and flexible connectivity to expand education beyond the walls of the classroom.
Adobe Workstation
Adobe Workstation

HP Pro Tablet 10 EE

  • Toughened "Doubleshot" Construction.
  • HP School Pack Software (after 3/2015)1
  • Windows 8.1 Pro
  • Optional Garaged and Tethered Stylus
Shop now
 
 
Adobe and HP 8770w Mobile Workstations

HP Pro Slate 10 EE

  • Toughened "Doubleshot" Construction.
  • HP School Pack Software1
  • Android™
  • Optional Garaged and Tethered Stylus
Shop now
 
 
HP ProBook 11 EE

HP ProBook 11 EE

  • Industrial rubber construction.
  • HP School Pack Software1
  • Windows 8.1 Pro
  • Optional Touchscreen
Shop now
 
 
View all products
Supporting education leaders 

Supporting education leaders

HP provides hardware, software, and services that enable dramatic improvements in student achievement while minimizing total cost of ownership. We make integrating technology into your school simple with a process we’ve used to deliver 25 million devices to students in the past decade.

Learn more

Helping teachers succeed

HP knows that being a teacher requires an extraordinary commitment of time and energy to students and the learning process. HP provides resources and training for teachers to help them better use technology to lead in their classrooms and to help students realize their full potential.

Learn more
Helping teachers succeed 
Adobe Workstation 

Online courses for teachers

HP offers online courses to empower and enable teachers to use technology effectively in their classrooms and to improve learning.

Online courses

HP Education Solutions

Our expertise spans from hands-on consulting and administrative analytics to insights gained from working with schools and educational institutions all over the world.


We’re here to provide the level of support you need to turn your initiatives into success stories and to help you create a road-map to increasing student achievement and improving outcomes through the most effective use of technology.

Learn more
HP Education Solutions 
'' ''