Reference

Ivy

OtherEvergreenPublic
Components
accordion
actions
activity-tracker
admp-reference
background-container
brand-explorer-global
brand-explorer-therapeutic-link-list
carousel
chart-pie
columns
container
cta
dismiss-content
doctor-locator-app
drcom-widget
find-a-provider
flexbox
flexbox-v2
flexboxitem
flexboxitem-v2
footer
formulary-lookup-zipcode
grid
header
header-v2
headerlogo
hot-spot
html-container
image-compare-slider
image-text
image-text-v2
info-tree
interactive-image
link-list
modal
primary-navigation
promo-drawer
quick-poll
safety-bar
search-box
search-results
search-results-coveo
section-navigation
send-mail
social-share
tabs
text
titles
tooltip
utility-navigation
video-player
youtube

AbbVie Digital Marketing Platform (admpivy)

admpivy UI

Use this build to view all of the current and upcoming admpivy Component User Interfaces (UI). Visit the admpivy Catalog. Updated on Mar 08 2024.

Filter admpivy Components by Status: Development Completed Available

Framework

All of the base elements that exist within admpivy.

Animation

Completely extensible integrated animation library.

Icons

Every icon that is available within the framework.

Utilities

Integrated utility classes to make site authoring easier.

Components

A full rendering of every component user interface (UI). HTML, CSS, JS code blocks of every component that exist within admpivy.

Accordion

Expose content that is hidden behind blades.

Actions

String together actions that can execute on load or by click.

Activity Tracker

Display progress of multiple activities.

Back To Top

Allows the user to easily get back to top.

Background Container

Full-width background imagery and video + content block option.

Multiple options for rendering banner ads.

  • This component will show a broken experience if an Ad Blocker is enabled.

Brand Explorer

Top-anchored component for browsing therapies and brands.

Lists a trail of pages underneath the header.

Call To Action (CTA)

Allows for a button or link to be rendered for your call to action.

Slide through your content.

Charts (Bar)

Bar chart data visualization with purpose.

Charts (Line)

Line chart data visualization with purpose.

Charts (Pie)

Pie chart data visualization with purpose.

Columns

Baseline column grid. Margin and flush column structures are available.

Container

Contain any component using this simple component. Provides ability to 'flip' content.

Dismiss Content

Display content which user can optionally dismiss for the session.

Doctor Locator

Search interface for locating doctors near a location.

  • Deprecated

Doctor Locator (Apigee)

Search interface for locating doctors near a location using Apigee API.

  • Deprecated

Embed

Allows for an embedded experience to be added to your page via iframe.

  • Restricted

Embed Pro

Allows for an embedded experience to be added to the page with HTML/CSS/JS code.

  • Restricted

Flexbox-V2 Container

Flexible container that resizes items to fill available free space. Place any component within. Use standard flexbox CSS

Find A Provider

Search for different kind of providers

Contains site links at the bottom of a page. Supports horizontal and vertical rendering.

Formulary Lookup

Search for insurance coverage.

  • Deprecated

Formulary Lookup-Zipcode

Search for insurance coverage.

Grid

Renders a set of pages in a grid format based on page property values of the individual pages.

Product Grid

Product list renders a list of data from a json/api into a grid format.

Header V2

Anchored to the top of the page as a base component. Accessibility enhanced.

Hidden Panel

Click a call to action to display a hidden panel.

Hot Spot

Click or hover on specific points of an image to expose panels with more information.

Image + Text

Display an image with optional text overlay. Allows for linking with icon overlays.

  • Deprecated

Image + Text V2

Display an image with optional text overlay. Allows for linking with icon overlays. Accessibility enhanced.

Image Compare Slider

Compare two images side by side using a smooth slider.

  • Deprecated

Interactive Image

Image with Zoom, linking, or modal interactions.

Info Tree

Guide a user up a tree based on responses, leading to relevant information.

Displays a list of links.

Pops open a modal window for content display.

Multiple Image Slider

Compare two or more images using sliders, with accessibility option.

Parallax Image

A parallax section with switching image frames on scroll.

Promo Drawer

Open a drawer to expose more content.

Quick Poll

Provides quick poll capabilities and displays aggregated results of the poll.

Safety Bar

Anchored to the bottom of the page for important safety information.

Search Results Coveo

List of searched items.

Section Navigation

Smoothly scroll through different sections on the page.

Send Mail

Send an email to a specified email address via a simple, captcha-enabled form.

Social Share

Clickable icons to share content to various social sites.

Sidebar that fixes on scroll when inside it's content container.

Tabs

Switch between multiple panels.

Title

Render a title between H1-H6.

Tooltip

A small hover box with information about the item being hovered over.

UGC Detail View

View patient info and uploaded user generated content(UGC).

  • Coming Soon

Video Player

Show a video(s) using several possible players.

YouTube Video Player

Show a YouTube video.

Forms

View the custom form elements that exist within admpivy.

Text Inputs

Text inputs that are defined in the framework.

Click Inputs

Click inputs that are defined in the framework.

Buttons

Buttons that are defined in the framework.

Range Slider

Enables the ability to drag and slide for result selection.

File Upload

Adds the ability to upload a file as part of a form.

Search Selection

Add a search and table display as part of a form.

New Progress Bar

Create new progress bar for form.

Symptom Selector

Create symptom selector for form.

Templates

View the templates as they exist in admpivy.

Full Width Content Page

The base template for ADMP. Contains example component instances.

Flex Content Page

Used for pages that do not require header, footer, or other inherited fixtures. The ADMP blank template.

Search Results Coveo Page

Displays a listing of coveo search results.

Email Content Syndication Page

Displays a Email.

Multiple options for rendering banner ads.

  • This component will show a broken experience if an Ad Blocker is enabled.

Last Updated March 08 2024