Widget Template Example

Now that you know the general functions of widget templates, you’ll create your own. This brief demonstration will show you just how easy, yet powerful, widget templates can be for your Liferay instance.

1. Add the Media Gallery widget to a page by navigating to Add () → Widgets → Content Management → Media Gallery.

2. Click the widgets’s Add button () → Multiple Files Upload and select two custom photos to display. Then click Save, and navigate back to the main application screen.

3. Notice the default format of the pictures. To change the display template for this widget, navigate to Options () → Configuration.

4. From the Display Template drop-down menu, select Carousel. Then click Save.

   

   Figure 1: After applying the Carousel widget template, your pictures are displayed as a carousel slideshow.

   The Media Gallery application is transformed into a carousel slideshow. At this time, it’s perfectly natural to be experiencing “I can conquer the world” feelings, just as Liferay’s mascot, Ray, exudes in the image above. widget templates have that kind of power to transform your site into an enjoyable and convenient home for users.

Customizing the user interface of Liferay DXP’s bundled widgets provides the ultimate customization experience for Liferay users.