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
Show Tab Description on Mouse Over
Re: Show Tab Description on Mouse Over
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) 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" 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.
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) 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" 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.
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
Jaymer
Aware Programming & Consulting - Tampa FL
-
- Posts: 297
- Joined: Wed Apr 22, 2015 11:44 pm
Re: Show Tab Description on Mouse Over
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.
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.
-
- Posts: 1415
- Joined: Tue Jan 24, 2017 5:51 am
- Location: 'Stralya
Added to FR
Added to Wish List FR for greater Tab functionality https://awareim.com/forum/viewtopic.php ... 760#p56760
-
- Posts: 297
- Joined: Wed Apr 22, 2015 11:44 pm
Re: Show Tab Description on Mouse Over
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.
Re: Show Tab Description on Mouse Over
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.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.
Niels
(V8.7 build 3025 - MariaDB - Windows)
(V8.7 build 3025 - MariaDB - Windows)
-
- Posts: 297
- Joined: Wed Apr 22, 2015 11:44 pm
Re: Show Tab Description on Mouse Over
Brian is gone this week. When he gets back I will check.