Add a lively and dynamic wall of color, photos, and videos to your site with a Mosaic App.
Mosaic transforms user-generated content into a dynamic wall of color and photos, by displaying the latest uploaded and social media content in a uniform grid format.
Site visitors can hover over a mosaic card to display text and other content information. Mobile and non-mobile users can expand a card to see a larger image, share content, and play video. As new items become available, old items are removed and placed back in the queue to form the perfect grid.
Mosaic displays the latest Livefyre and Stream content in a uniform grid display. To create a more seamless visual experience, content information is displayed only on mouse-over. As new items become available, old items are removed and placed back in the queue.
Supported content containing:
Supported content sources:
You cannot publish content containing text only to a Mosaic unless it is part of a photo or video post.
A site visitor sees content populated into a Mosaic from Studio from a Studio Stream or Social Search. If new content is published to the app while a site visitor is on the page, the new content displays immediately and pushes the old content down in real time without a user having to refresh their page.
Yes. A site visitor can share all content types on a Mosaic:
One new piece of content is added every 10 seconds.
Add content to a Mosaic by:
Mosaic does not display text-only content. Mosaic displays images and videos only.
Mosaic works best with a collection that constantly has new content. If your App has less than 25 pieces of content, you will see gray boxes to make up the additional spots. Fill the Mosaic up with more content to prevent the gray boxes from displaying. Plan to put at least 32 pieces of content in the App for it to display as designed.
Mosaic displays content in a perfect grid. If you have 25 pieces of content, your container width must fit five pieces of content for all 25 pieces of content to appear: five across and five down.
If your container width only fits four to make a perfect grid, but you have 25 pieces of content, Mosaic classifies the extra one piece of content as an outlier and does not display it in the App. The one outlier piece of content does not rotate in because technically it is on the app, but not displayed. If your container width fits seven, only 21 will show, since four are outliers and will not form the perfect grid.
Sometimes content doesn’t display because you turned on Require rights. If you turn this on, you are required to have rights granted for all content in the App. If the rights status is not “granted” for a piece of content, it will not display in the App.
You can create all Apps in Livefyre Studio the same way. See Creating Apps for details on how to create a Mosaic App in Studio using the standard process.
Localization is available for Mosaic. You can: