First Look at Tooltips for Joomla from Regular Labs - 👀 WMW 207

Written by: Tim Davis Created: 25 May 2023

Category: Watch Me Work Live Streams

Hot!Hits: 886Reading time: 01:45

Joomla 3 to Joomla 4 Migration Watch me Work Live Streams Joomla Training Cohort

With Tooltips from Regular Labs, you can easily add tooltips to text or images within articles, inside modules, or even 3rd party components and template overrides. Let's take a first look at this extension!

 
00:00:00 – Intro & Setup for Regular Labs Tooltips
00:04:24 – Logging into Joomla & Installing Tooltips Pro
00:08:13 – Migration from Joomla 3 to 4
00:14:06 – Testing Sticky Mode & Troubleshooting Tips
00:28:08 – CSS Styling & Tooltip Customization
00:34:41 – Wrap-Up & Final Thoughts

Summary

1. Intro & Context
   Tim introduces the stream, shares about his upcoming travel, and mentions the Refugee Sponsorship Conference in Banff, setting the tone for a shorter, focused session.

2. Replacing a Non-J4 Module
   Tim discusses replacing a Joomla 3 module with Regular Labs Tooltips on a client site, introducing both the Free and Pro versions.

3. Installing Tooltips Pro
   He walks through uploading and installing Tooltips Pro, highlighting Peter’s clear documentation and demonstrating the basic tooltip syntax.

4. Tooltip Functionality Demo
   Tooltips are tested in a Joomla article. Tim edits a sample article, inserts tooltip code, and previews the frontend effect.

5. Touchscreens, Themes & Triggers
   Discussion includes tooltip behavior on touch devices, various themes (dark/light/custom), and different triggers like hover, click, and sticky mode.

6. Advanced Configuration
   He explores advanced plugin settings—theme, tag types, trigger options, admin visibility, exclusions, and editor permissions.

7. Rich Content & Easter Eggs
   Tim showcases tooltips with images, HTML, and custom styles, including fun use cases like hidden Easter egg tooltips.

8. Editor Button Power
   The editor button is used to easily insert and manage tooltips with titles, images, custom themes, dimensions, and effects.

9. Custom Styling & CSS Tweaks
   Tim explains how to apply custom colors and branding by editing CSS files, including using hex codes, hover states, and themes like "warning."

10. Wrap-up & Viewer Engagement
    He summarizes the benefits of using Regular Labs Tooltips, shares viewer feedback, thanks everyone, and signs off to catch his flight.

Interesting blog? Like it on Facebook, Post it or share this article on other bookmarking websites.

Written by: Tim Davis

Tim Davis is the founder and owner of Cybersalt.