• Making the cut with jQuery and MooTools in Joomla: The multiple jQuery libraries loading problem - Part 1

    Although the two libraries MooTools and jQuery can co-exist together, one problem remains as more and more such extensions are made available: each module, plugin, component or even template can come...
Wed08Feb2017

How to setup the Boxed layout style in Latest News Enhanced Pro

First published February 08, 2017

297 hits - No rating

In this tutorial, you will be able to create a module instance of Latest News Enhanced Pro showing items in a style layout that just uses CSS3 to animate its content.

Wed18Jan2017

Fix tooltip conflicts between Bootstrap and jQuery UI in Joomla

First published January 17, 2017

830 hits -

Required:
jQuery Easy Profiles jQuery Easy Profiles

While creating your Joomla! 3 site, you may run into anomalies when it comes to showing tooltips, particularly if you are loading Bootstrap and jQuery UI libraries simultaneously. Some elements may get a nice Bootstrap-like tooltip while others may get a tooltip looking like the jQuery UI theme that is used by some of your extensions. Some tooltips may not even be skinned at all. Or the tooltips may not properly show at all, the code is "broken".

This tutorial will explain what is actually happening and how you can fix and homogenize your pages with jQuery Easy Profiles.

Fri13Jan2017

Add your own information types in Latest News Enhanced Pro

First published January 13, 2017

366 hits - No rating

Required:
Module Latest News Enhanced Pro Latest News Enhanced Pro v2.5+
Plugin MyDetails MyDetails

It is possible to show custom information to the module's output for each item.

In order to do that, one can take advantage of 2 of the hooks (events) available in the module.

Sat11Mar2017

Add font icons to menu items on your site

First published September 06, 2016

618 hits -

Required:
Menu Icons Menu Icons

Adding a pictogramme to a menu item is visually appealing and useful to visitors of a site.
Joomla!'s core allows the use of images for such task (link image parameter), but font icons have a definite advantage over them:

  • Icons resize and look sharp on any device,
  • their color can be changed easily through the use of CSS,
  • no more loading of images,
  • the icons may already be loaded on the page through the template's fonts.

Thu23Jun2016

How to update old jQuery scripts for compatibility with jQuery 3

First published June 23, 2016

2058 hits - No rating

jQuery v3.0 is considered the future of jQuery. It is a lighter, faster version and removes support to IE6-8 (like the previous 2.x branch).

Old scripts built for earlier versions of jQuery may 'break', but thankfully, the jQuery team has provided the Migrate plugin to help identify compatibility issues.

Thu02Feb2017

No matter how flexible an extension is, there always comes a time where, now that the functionality is in place, the output is not quite an exact match to the original design.

There are many ways to overcome design issues in Joomla, all mostly involving overrides. When the layout is considerably different, a template override may be in order but for simple changes (like the color of a title for instance), additional CSS code may just be the way to go.

Thu02Feb2017

Giving calendar dates an original look

First published April 17, 2016

1296 hits -

Required:
Article Details Article Details
or Latest News Enhanced Latest News Enhanced
or Latest News Enhanced Pro Latest News Enhanced Pro

Calendars are a visual way to represent dates associated with an article.
The Latest News Enhanced modules (free and pro) and the free Article Details plugin offer such possible display.

Despite the default style appeal, it is possible, just with a little help from CSS, to change the look of it and make it your own.

Subcategories

This set of articles have been created in order to increase people's awareness about the Simplify Your Web products.
It is aiming to show how those products can be used and point out not-so-well-known functionality.