Introduction

Tooltips, Editing, Editor Buttons, Article Elements, Popups & iFrames

Do you use Tooltips or Popovers? Would you like to make it easy to insert them when editing an article - even after you've got the text all done? Is it a hassle remembering the syntax? Do you want complete control over the style and placement of your tips and pops? Then Tip-Pop button is here to help you.

  • Favourite
  • Report

An editor extension button that works with both TinyMCE and JCE and allows you to simply highlight the content you want to have trigger a tooltip or popover, press the button and enter the text for the tooltip (or title and text for a popover). You can also set the placement (where it will popup), the trigger action (when you hover, click or focus on the content), and optionally classes to style both the tip or pop itself and the content that triggers it (it is good to give your readers a consistent visual clue as to where tooltips and popovers are located).

This doesn't require any content plugin, the html to create a tooltip is inserted directly into the editor so it should work with most extensions. Simple html can be included in the text (subject to editor restrictions). The downside is that to see or edit the popup text after inserting it at the moment you have to switch to code view.

You do need to be sure that your template is loading bootstrap (most are these days) and also add two lines to your template index.php file to load an included javascript file to tell bootstrap what class names to use as selectors to trigger tooltips and popovers.

You probably also want to add styles for both tooltip and popover - the bootstrap defaults are white text on a black background for tooltips and dark text on a grey background for popovers - better to have something that matches your site. A sample stylesheet is included which you can either load in index.php or use to adapt your own custom stylesheet. Full details of how to do this and how to set the selector classes are on the documentation page for the TipPop plugin.

Element Button
Free

Element Button

By Roger Creagh-Osborne
Editor Buttons
Are you fed up with switching back and forth to code view in the TinyMCE editor when you want to insert an html tag? Have you ever struggled to remember the name of a class you want to use? Do you use { } tags to insert elements in the editor to be subsequently processed by a content plugin? The plugin Element Button (elembtn for short) provides a quick and easy way of inserting elements into an...
Autosave
Free

Autosave

By Roger Creagh-Osborne
Editing
Have you ever lost your finely crafted words by being called away and having the session timeout? Do you switch between Wordpress and Joomla and miss the automatic saving of edits in progress in the other system? Do you edit on a Mac and habitually press Cmd+s to save your work - and find that TinyMCE crashes you out without saving? The Joomla content plugin xbAutoSave allows for timed automatic...
SunClock
Free

SunClock

By Roger Creagh-Osborne
Time
SunClock is a novel clock that displays the time since sunrise for a given location. Some people believe this is a far more natural way of measuring time - each day starts at 00:00:00 at sunrise and time is counted from that point until the following sunrise. During spring days are slightly less that 24 hrs long as the sun rises "earlier" each day, and during autumn each day will last longer than...
SunUpDown
Free

SunUpDown

By Roger Creagh-Osborne
Weather
Simple module to display the local time of sunrise and sunset for a location. Parameters to set the latitude and longitude (search google to find the coordinates for a given location), text to appear before and after the times, and the timezone to use for times. You can also display the current date and time at the location (the time does not update, this is not a clock!) Stylesheet is installed i...

xbTipPop

Version:
1.2.0.1
Developer:
Roger Creagh-Osborne
Last updated:
Jan 13 2019
Date added:
Dec 29 2018
License:
GPLv2 or later
Type:
Free download
Includes:
p
Compatibility:
3
Download

Uses Joomla! Update System