tooltip help for users

If you're a new user of AppGini, feel free to ask general usage questions, or look for answers here.
Post Reply
graham
Veteran Member
Posts: 84
Joined: 2020-09-29 12:30

tooltip help for users

Post by graham » 2020-11-14 14:39

Hi. So when I showed my first (AppGini) app to a user it quickly became apparent was that I was having to explain what was required in some field - despite the field name being what I thought was obvious. So .. what I need is some help/instruction for the User when inputting in the DV. More specifically, tooltip info (either on rollover on click and help box appears?) on the field names of those fields that need explanation. Can anyone help? There is a very old topic viewtopic.php?f=4&t=1154 but it doesn't appear to work. Many thanks if anyone can help.

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1807
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: tooltip help for users

Post by jsetzer » 2020-11-14 16:17

(1) Description

You can use the description field in AppGini which automatically results in those little info-bubbles next to the field's label plus info-label above the field's input:
AppGini_IrrU77tOy0.png
AppGini_IrrU77tOy0.png (35.32 KiB) Viewed 1387 times
chrome_mAq1jYKEcm.png
chrome_mAq1jYKEcm.png (4.77 KiB) Viewed 1387 times
Kind regards,
<js />

My AppGini Blog:
https://appgini.bizzworxx.de/blog

You can help us helping you:
Please always put code fragments inside [code]...[/code] blocks for better readability

AppGini 24.10 Revision 1579 + all AppGini Helper tools

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1807
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: tooltip help for users

Post by jsetzer » 2020-11-14 16:28

(2) JQuery Tour Plugin

For another probject I have integrated a JQuery "Tour" plugin named "intro.js" (https://github.com/usablica/intro.js).

This is more work on client-side (Javascript) but gives nice results:

Zoomed in

chrome_TtsKGTERmD.png
chrome_TtsKGTERmD.png (59.65 KiB) Viewed 1383 times

Screenrecording

ezgif.com-gif-maker (1).gif
ezgif.com-gif-maker (1).gif (144.21 KiB) Viewed 1383 times
Please note: I had to rush through the help-text steps while screen-recording due to limited upload size here in the forum


There are many plugins on the market. For me this one was a good choice. It can be controlled by mouse or keyboard and I like the dimmed background "modal"-effect plus the semi-transparent helptext-boxes.
Kind regards,
<js />

My AppGini Blog:
https://appgini.bizzworxx.de/blog

You can help us helping you:
Please always put code fragments inside [code]...[/code] blocks for better readability

AppGini 24.10 Revision 1579 + all AppGini Helper tools

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1807
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: tooltip help for users

Post by jsetzer » 2020-11-14 16:31

(3) AppGini hack

There is a thread here...

viewtopic.php?t=3365#p11993

...which could be helpful, too. There we were talking about modifying the default help-texts (see alternative (1) in this thread) by javascript.
Kind regards,
<js />

My AppGini Blog:
https://appgini.bizzworxx.de/blog

You can help us helping you:
Please always put code fragments inside [code]...[/code] blocks for better readability

AppGini 24.10 Revision 1579 + all AppGini Helper tools

graham
Veteran Member
Posts: 84
Joined: 2020-09-29 12:30

Re: tooltip help for users

Post by graham » 2020-11-14 16:41

I can't believe I hadn't realised that! So, tomorrow, instead of reading the Sunday paper, I'm going to play with my AppGini admin panel. Thanks Jan for kindly pointing out what I should have known. Actually I'd seen the description field but I assumed that it was just there as a 'note-to-self' for the person creating the table, like 'here's something to remember about this table..... And I'll look at the other links too. Great help. Thanks.

Post Reply