Paul Davenport | 7 min read | 5 min video
NEW VIDEO IN PRODUCTION. STAY TUNED VIA YOUR INBOX OR SIGN UP NOW
Now that you are familiar with Grid Widgets, all the other Widgets should be fairly intuitive enough to have a play and experiment. In this Episode, we provide a few pointers to help you on your way. If you are reading this for this first time, you might require Episode 1 and Episode 2 as a prerequisite.
Photo galleries have long been essential aspects of websites, used to display a collection of images within a gallery module.
On MOBLE any type of Widget can be made into a Photo Gallery, therefore, there are many configuration combinations available to find the right style for your content. Simply select 'Image' from the 'Content Types' to set up a Photo Gallery. When a user clicks on an image, in any Widget, it will automatically open up in a Lightbox, whereas if you choose 'Pages' from the 'Content Types', clicking will open up a page.
Before you set up your Widget, always make sure you have Tagged your images in the Files area. Once you have Tagged your images you can select your Tags in the Widget.
Select 'Image' from the Content Types, then select your Tags.
Here we see the Widget as set up above. This Photo Gallery is using a Grid. When you click on an Image a Lightbox will pop up.
As standard the Lightbox pop-up will display the following:
The following image attributes, can also be displayed in the Lightbox, and these are managed in the Files area via the file 'Settings' tab next to each image or file:
USED FOR: NEWS | BLOGS | SERVICES | PRODUCTS | CATEGORIES | EVENTS | TOPICS
A Masonry Widget behaves in the same way as Grid Widgets, with one key distinction: the Widget Icons in a Masonry Widget do not have a fixed height. As such, the height of the Masonry Widget is determined by the dimensions of the Widget Icon and the Widget Summary Text.
The Widget View settings, therefore, offer even more flexibility for your masonry widget. As follows:
USED FOR: NEWS | BLOGS | SERVICES | PRODUCTS | CATEGORIES | EVENTS | TOPICS
Mix Widget is a special variation of Grid Widget and behaves in the same way with the same configuration options.
As seen in the example below, a series of Tags Filters are automatically applied at the top of your Mix Widget. When the user clicks one of the Tags, the Widget will automatically filter to only display items that have that Tag. During the filtering transition, you can see the Mix effect in motion, which offers a pleasing visual enhancement to your web page.
The Tag filters are automatically displayed for you based on the accumulation of all the Tags, for each item in the Widget.
GETTING AROUND
SUPPORT
AI SALES LINE
AI SUPPORT LINE
GET A QUOTE
A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for AI development, custom website design, website development, ecommerce websites, directories, intranets and social networks.