Show Tab Description on Mouse Over

If you have questions or if you want to share your opinion about Aware IM post your message on this forum
Post Reply
Jhstephenson
Posts: 297
Joined: Wed Apr 22, 2015 11:44 pm

Show Tab Description on Mouse Over

Post by Jhstephenson »

Is it possible to show the Description of a Tab on hovering the mouse over the Tab Heading?

The reason for this is that a client only wanted to see the Icon for the Tabs on a form. You can actually do that by defining an Icon in then Form Section and then just putting a 'space' in the Caption for the Form Section.

But now, I want them to be able to see just what that tab is when they hover the mouse over the Icon.

Is that possible?

Thanks,
Jim
Jaymer
Posts: 2430
Joined: Tue Jan 13, 2015 10:58 am
Location: Tampa, FL
Contact:

Re: Show Tab Description on Mouse Over

Post by Jaymer »

Jim
here's how I would do it

1) offer Vlad $ to add an additional field in the Tab Settings dialog for "Alternate Title", or a checkbox to indicate "Suppress title in favor of rollover text".
-OR- on the Tab Icon section, he could add a field for "Icon Title"
If that is prohibitive, then use JavaScript

2)
jim1.png
jim1.png (62.21 KiB) Viewed 3403 times
I'd leave the caption alone - Aware is defaulting the Tab Title to the Caption, but allows you a way to override that in the Tab Settings/Tab Title/Custom field. Problem is, if you put a space there, it ignores it and uses default. And you're trying to NOT have a Title, but you need some way to get what YOU want to be the rollover title into the code for JS to pickup.


I would put some "marker text" in front of the rollover title - in my case I changed it to "//RO Tab Title"
jim2.png
jim2.png (26.31 KiB) Viewed 3403 times
Then, some JS would look for the "//" and grab your title, deleting it from the Tab Title where Vlad put it, and inserting some html to set HTML's "title" field of the icon. Which is what I MANUALLY did in the 3rd image. There's no title text, but the <IMG> tag has 'title="RO Tab Title" ' added to it.
jim3.png
jim3.png (8.96 KiB) Viewed 3403 times
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.

Jaymer
Aware Programming & Consulting - Tampa FL
Jhstephenson
Posts: 297
Joined: Wed Apr 22, 2015 11:44 pm

Re: Show Tab Description on Mouse Over

Post by Jhstephenson »

Thanks Jaymer,

One thing I found is that if I do put a 'space' in the Caption, I cannot also display a badge. Putting any kind of character though allows me to display both the icon and a badge next to it.

I will take a look at the Javascript options for now.
PointsWell
Posts: 1457
Joined: Tue Jan 24, 2017 5:51 am
Location: 'Stralya

Added to FR

Post by PointsWell »

Added to Wish List FR for greater Tab functionality https://awareim.com/forum/viewtopic.php ... 760#p56760
Jhstephenson
Posts: 297
Joined: Wed Apr 22, 2015 11:44 pm

Re: Show Tab Description on Mouse Over

Post by Jhstephenson »

We were actually able to do this with CSS. Brian is going to clean it up a little and then we will post just what we changed.
nhofkes
Posts: 94
Joined: Mon Sep 07, 2020 6:03 am
Location: Netherlands

Re: Show Tab Description on Mouse Over

Post by nhofkes »

Jhstephenson wrote: Wed Nov 17, 2021 5:08 pm We were actually able to do this with CSS. Brian is going to clean it up a little and then we will post just what we changed.
I wondered whether you got this working? Would be interested in the CSS. Seems more simple than the JS approach and probably also more flexible.
Niels
(V9.0 build 3241 - MariaDB - Windows)
Jhstephenson
Posts: 297
Joined: Wed Apr 22, 2015 11:44 pm

Re: Show Tab Description on Mouse Over

Post by Jhstephenson »

Brian is gone this week. When he gets back I will check.
Post Reply