- https://iapproltautocm.austin.hp.com/hp-iap-autocomplete/search?companyCode=HPI
- https://www.hp.com/webapp/wcs/stores/servlet/SearchComponentAutoSuggestView?coreName=MC_10001_CatalogEntry_en_US&serverURL=http://g1t4186.austin.hp.com:9081/solr/MC_10001_CatalogEntry_en_US&langId=-1&storeId=10151&catalogId=10051&showHeader=true&lang=en
Modules
[302] Spotlight CTA – Full row CTA with Image beside text
This module will typically showcase a large graphic with a primary CTA. This is a side by side layout where the text and CTA is on one side and the graphic on the other. In addition, this module may be used to feature an image, a video, include a CTA, etc.
- Title or Header (supports 'Text or HTML Block'; H3; font size 32px)
- Tagline (supports 'Text or HTML Block')
- Description (supports 'Text or HTML Block'; RTF enabled)
- Image (supports 'Image'; default image size if not specified in image metadata 470 x 402; default player size for module if not specified 513 x 289)
- Featured Item (supports 'Video - Externally Hosted'; if duration is provided as part of the video definition, it will appear above the Call to action)
- List of links (supports 'External Link', 'Internal Link', 'Video - Externally Hosted')
- See all link (supports 'External Link', 'Internal Link', 'Video - Externally Hosted')
- Image Placement: Left of Copy (default); Right of copy
- Text Alignment: Left (default), Center, Right
- Image Alignment: Middle, Bottom, Top (to be used for vertical alignment)
- Optional Links: Clickable Header
- Video Properties: Override Video Thumbnail for Embedded Videos
- Text Effects: Smaller Font for Title
- Link Images: Non-clickable Images
- For Responsive:
- Molecule Size: Responsive: Collapse Mobile Content
- Hide image on mobile devices
Additional Fields:
- Image Caption (generic Field).
- Field Value: Value may be supplied in either ‘Field Content component link’ or ‘Field Contents text’ field in component. If a caption is desired either for the image or the video, it can be provided and will be displayed below.
- See all link Short Title (generic field).
- Field Value: Value may be supplied in either ‘Field Content component link’ or ‘Field Contents text’ field in component. When a value is provided in this generic field, this value is used for the see all link (CTA) label. It overrides any title that may be picked up from the linked component.
- Highlight Label (generic field).
- Field Value: Value may be supplied in either ‘Field Content component link’ or ‘Field Contents text’ field in component.
Note:
Video in overlay: An image may be provided in the Flex v2.0 – Generic Module schema or Video - Externally Hosted schema. If the image is provided in this field, it will take precedence over the image in video externally hosted.
Embedded video: By default, the video thumbnail (from the source video) is shown and any image provided here in Flex v2.0 Generic module or in Video – Externally Hosted is ignored. Editors may override this default view using an attribute (see above)
ENTERPRISE example - see here
Main variations of module [302]:
Title/Header component [302]
Tagline component
Example contains:
• Title
• Description (this descriptive text)
• Tagline
• Image (not used as video thumbnail)
• List of links (an external link with styling, a video)
• See All link (primary)
- This is a simple link with styling.type 123 MB
- Video titleM:SS video detail
- External Link w/ type & overwrite
- Internal Link (Ungated)PDF 1409KB
- Internal Link (Gated)PDF 434KB
Title/Header component [302]
Example contains:
- Title (which is clickable as consequence of applying attribute "Clickable Header" as described below)
- Description (this descriptive text)
- Image (not used as video thumbnail)
- Featured item (video in overlay)
- See All link
- Attributes: Image Placement -Image Placement: Right of Copy; Optional Links - Clickable Header
- Additional Fields: Image Description (caption or tooltip)
M:SS video detail
M:SS video detail
External Link w/ type & overwriteImage Description (caption or tooltip)
Video title shown in overlay and displayed above the video
Beginning of dialog contentVideo description
CloseTagline component
Example contains:
• Featured item (video embed)
• Tagline
• Description (this descriptive text)
• See All link (primary)
• Attributes: Video Properties > Video Properties: Override Video Thumbnail for Embedded Videos
M:SS video detail
M:SS video detail
See All linkTitle/Header component [302]Highlight Label
Example contains:
- Title
- Description (this descriptive text)
- Image (not used as video thumbnail; default placement)
- See All link (with arrow treatment)
- Attributes: Font Size: Smaller Font Size for Title; Image: Hide on Mobile Devices; Text: Collapse on Mobile Devices; Link Images: Non-clickable Images; Effect: Add Border around Module; Padding: Insert Padding around Module
- Additional Fields: Highlight Label
Tagline component
Example contains:
• Featured item (video embed)
• Tagline
• Description (this descriptive text)
• See All link (primary)
• Attributes: Video Properties - Video Properties: Override Video Thumbnail for Embedded Videos; Image Placement -Image Placement: Right of Copy
• Row Attributes : Background Color Grey (type28)
M:SS video detail
M:SS video detail
External Link w/ type & overwriteTitle/Header component [302]
Example contains: Title, Description (this descriptive text), and as Featured Item a SlideShare component.
The SlideShare component contains its own Title, Description, Image (for thumbnail), Video or Presentation ID, and Player set to Slideshare - Single Presentation Player. Configured to display in overlay
Title/Header component [302]
Tagline component
Example contains: Title, Description (this descriptive text), Tagline, List of links, See All link
Attributes: Text Alignment - Right
Page Configuration: Cell Width 40%, Cell Offset Content - 15 Tab Stop, Row Background Image
- Video titleM:SS video detail
Other Variations:
Title/Header component [302]
Tagline component
Example contains:
- Image (default placement)
- Title
- Tagline
- Description
- See all link
- Attributes: Smaller Font for Title; Image Alignment: Middle; Image Alignment: Center; Insert Padding around the module; Link Images: Non-clickable Images
Attributes for parent: Background Color: White (for child module); Molecule Height : Dynamic Common Alignment of child modules; Child width: 50%
Page Configuration: row attributes Background Color: Blue
Title/Header component [302]Highlight Label
Example contains:
- Image
- Title
- Description
- Attributes: Image Alignment: Right; Image Alignment: Top; Image Placement: Right of copy; Insert Padding around module
- Additional Fields: Highlight Label
Attributes for parent: Background Color: White (for child module); Molecule Height : Dynamic Common Alignment of child modules; Child width: 50%
Page Configuration: row attributes Background Color: Blue
![Title/Header component [302]](/us/en/images/Image_4_tcm245_1721897_tcm245_1846754_tcm245-1721897.jpg)
Title/Header component [302]Highlight Label

HP Designjet T1200 HD Multifunction Printer

HP Designjet T1200 HD Multifunction Printer

HP Designjet T1200 HD Multifunction Printer

HP Designjet T1200 HD Multifunction Printer

Image gallery
Title/Header component
These are 3 modules in this section:
1/ image to the left with image gallery (module [928] with nested [825])
2/ this text (module [302])
3/ the text below with bold headlines (module [302])
In the module schemas the attributes 'remove default spacing' are used to get optimized space
Page configuration:
* cell width: 50%
* all modules are linked into same row
Headline 1
e.g. hyperlink text .......
Headline 2
e.g. hyperlink text .....
all the above (starting withe headline) is 'rich text block'
Multiple examples with different video options
Example contains various settings for both BrightCove and YouTube videos as set in the Video Externally Hosted components. For YouTube videos, the related section that by default is shown at the end of the video, can be hidden by adding to the Video url the parameter: "?rel=0"
Video: with related videos & embed
Video: with related videos & embed
1:23 Min
1:23 Min
Videos: w/o related videos & embed
Videos: w/o related videos & embed
Video w/o related videos at the end
Beginning of dialog contentWhen the video ends, no related videos will be shown.
Videos: w/o related videos + Overlay + Details
1:23 Min
1:23 Min
Video with related videos at the end
Beginning of dialog contentWhen the video ends, recommended/related videos will be shown. FYI: Algorithm deciding on what videos are shown is set by YouTube, not editor controlled.
Videos: with related videos + Overlay + Details
1:23 Min
1:23 Min
Videos: BrightCove + Overlay
1:23 Min
1:23 Min
Title/Header component [302]
Tagline component
Title/Header component [302]
Tagline component
Example contains a [300] module with Row Attribute - Responsive > Row Background Image: Ignore Wrapping on Mobile Devices & Secondary Image applied at Row level
Title/Header component [302]
Tagline component
Example contains a [300] module with Row Attribute - Responsive > Row Background Image: Ignore Wrapping on Mobile Devices & Secondary Image applied at Row level
Title/Header component [302]
Tagline component
Example contains: Title, Description (this descriptive text), Tagline.
Attributes: SEO: h3 Heading Tag (applies only the H3 SEO tag but doesn't change the font size) & Text Alignment: Right
Live examples:

Earn recognition with the “HP Helion Ready” badge
Earn recognition with the “HP Helion Ready” badge

Exponentially expand your reach
Exponentially expand your reach
Get your piece of the enterprise cloud
2:55
2:55
Henry Gomez, EVP and Chief Marketing and Communications Officer, discusses how HP Helion brings together HP cloud solutions for the customer.
HP thanks the Academy of Motion Picture Arts and Sciences.

Backlit keyboard
Backlit keyboard

High performance
High performance

HP True Vision Full HD camera
HP True Vision Full HD camera

Packed with ports
Packed with ports

HP Solid-State Drive
HP Solid-State Drive
Inspiring outcomes with technology and insight
3:43
2:50
3:14
2:51
2:16
Vancouver Film School: HP Z Workstations Success Story
Beginning of dialog contentMedia & Entertainment
2:58
Select Your Country/Region and Language
Close Country/Region Selector Dialog- Africa
- Afrique
- Azərbaycan
- België
- Belgique
- Česká republika
- Danmark
- Deutschland
- Eesti
- España
- Europe, Middle East - Africa
- France
- Hrvatska
- Ireland
- Italia
- Kosovo
- Latvija
- Lietuva
- Magyarország
- Malta
- Middle East
- Moldova
- Nederland
- Norge
- Österreich
- Polska
- Portugal
- România
- Saudi Arabia
- Shqipëria
- Slovenija
- Slovensko
- South Africa
- Suisse
- Suomi
- Sverige
- Switzerland
- Türkiye
- Turkmenistan
- United Kingdom
- Ελλάδα
- Беларусь
- Босна и Херцеговина
- България
- Казахстан
- Россия
- Северна Македонија
- Србија
- Украина
- Հայաստան
- ישראל
- الشرق الأوسط
- المملكة العربية السعودية
- საქართველო
HP Worldwide
Select Your Country/Region and Language
- Africa
- Afrique
- América Central
- Argentina
- Asia Pacific
- Australia
- Azərbaycan
- Bangladesh
- België
- Belgique
- Bolivia
- Brasil
- Canada
- Canada - Français
- Caribbean
- Česká republika
- Chile
- Colombia
- Danmark
- Deutschland
- Ecuador
- Eesti
- España
- Europe, Middle East - Africa
- France
- Hong Kong SAR
- Hrvatska
- India
- Indonesia
- Ireland
- Italia
- Kosovo
- Latvija
- Lietuva
- Magyarország
- Malaysia
- Malta
- México
- Middle East
- Moldova
- Nederland
- New Zealand
- Norge
- Österreich
- Pakistan
- Paraguay
- Perú
- Philippines
- Polska
- Portugal
- Puerto Rico
- România
- Saudi Arabia
- Shqipëria
- Singapore
- Slovenija
- Slovensko
- South Africa
- Sri Lanka
- Suisse
- Suomi
- Sverige
- Switzerland
- Türkiye
- Turkmenistan
- United Kingdom
- United States
- Uruguay
- Venezuela
- Việt Nam
- Ελλάδα
- Беларусь
- Босна и Херцеговина
- България
- Казахстан
- Россия
- Северна Македонија
- Србија
- Украина
- Հայաստան
- ישראל
- الشرق الأوسط
- المملكة العربية السعودية
- ไทย
- საქართველო
- 中华人民共和国
- 中國香港 - 繁體中文
- 日本
- 臺灣 地區
- 한국
- Recalls|
- Product recycling|
- Accessibility|
- CA Supply Chains Act|
- Site Map|
- Privacy|
- Use of cookies|
- Personal data rights|
- Terms of use|
- Limited warranty statement|
- Terms & conditions of sales & service|
© Copyright 2021 HP Development Company, L.P.