This project has been created with generator-liferay-fragments. You can read how to manage this project in the generator documentation.
Create a collection
npm run add-collection
Create a new fragment with
npm run add-fragment
Create a zipfile with
sudo npm run compress
Collection dashboard
- fragment chartJS1
- fragment chartJS2
- fragment Tableau
Collection general
- fragment Alert
- fragment Async Hangout
- fragment Auto Show Modal
- fragment Badge
- fragment Banner Only
- fragment Basic Hangout
- fragment Checked List
- fragment hubspotchatbot
- fragment LinkedIN
- fragment livestream
- fragment magazine
- fragment Modal
- fragment OPButton
- fragment paragraph-deluxe
- fragment pricingplan
- fragment SimpleCard
- fragment targetgroup
- fragment Twitter
- fragment Twitter Timeline
- fragment UTM Tracker
- fragment Video Header
- fragment Static Wave
Sometimes you just want to show a banner without any Title, text or CTA. It automatically adjusts to the full width.
An example of a pricing plan where you can change prices and names.
To show a modal on top of the page. You can adjust the title, bodytext and buttons.
Movevement always attracts the eye. This will show a video and you can adjust the title and subtitle.
To show a more fluid approach when presenting text. You can modify the quote.
Sample of embedding bar charts.
Sample of embedding pie charts.
Sample of embedding Google Hangout (Both sync and async).
Quickly add a hubspot integration to your page with this component. A chatbot will be started and/or popup will appear.
Fragment to show a small LinkedIN button to share the page. 
You can checkout this Youtube video. Or try stream yourself. 
It almost looks as if you are reading a magazine.
Set a targetgroup cookie that you can use to showcase segmentation/experience.
Cookie-name is targetgroup and value is account, lawyer or merchant 
A simple twitter button
Convert utm params into cookies so you can use them for segementation/experience
