Get EasyTable Pro !

Get a Subscription for EasyTable Pro!
(
The current version is emailed to you when your subscription is payed.
Existing Subscribers can download here

Sunday May 20 , 2012
Font Size
   
Adding a tooltip to column headings

Background

EasyTable Pro allows you to sort columns by clicking on the headings of a column.  Previously we have covered how to add CSS to your websites template css to show "indicator arrows" in the column headings. 

This FAQ takes it one step further by showing you how to turn on a Joomla Tooltip that pops up when your cursor moves over the column heading.

NB: This tip requires EasyTable Pro 1.0.0RC6 or later. You can see this working on the demo website.

Steps

1. Add the text of the tooltip to the field/column's Description field. You can put anything you like but in this example I've set a description of the sorting function.

Using the_Description_for_Table_Column

[ Notice the :: between the words Sorting and Click - this tells the Joomla Tooltip function that the first part ("Sorting") is the title of the tooltip and the rest is the body of the tooltip. ]

2. Check the result in the front end by reloading the table and moving the cursor over the column heading - if you've done everything correctly you should see something like this:

Column Tooltip_for_EasyTable_Pro

3. There is no step 3.

 

RSForm! Pro by RSJoomla!


RSForm!Pro is a powerful Joomla! form creator, helping you to create custom forms in minutes. The new product makes form management much easier and gives you the time to handle your clients better.

For only €19.00 how can you go wrong?
 ( We've used it for years... Shouldn't you? )

Member Login