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:
Image: The image is scaled proportionally to fit within the screen, un-cropped.
Title: The image Title displays below the popup image. It is named via the 'Title' field when the image is uploaded. It can be renamed in the 'Files' area.
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:
The same Photo Gallery with the Widget Type now flipped from Grid to Slider
The same Photo Gallery with the Widget Type flipped to Multi-Slider.
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:
Masonry in Grid View: restricted by the height of the Widget Icon
Masonry in Card View: restricted by the height of the Widget Icon and the length of the Widget Summary to a cap of 140 characters.
Masonry in List View: restricted by the height of the Widget Icon and the length of the Widget Summary to a cap of 140 characters.
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.
Whatever the size of your website, all MOBLE Plans come complete all the features!
MOBLE plans are based on the number of website pages, whatever the size of your website, you can be sure it will be packed with all the features from Dynamic Layouts, to Payment Forms, Integrations, Contact Manager and of course, Web School!
Do it yourself or Hire a Pro! We serve all businesses from SME's to Enterprise. Talk with us for custom website design and website development, ecommerce websites, directories, intranets and social networks.