Table-Images for “child-link” buttons issue

This sub-forum is for discussing all topics related to AppGini Helper JavaScript Library, provided by bizzworxx as a third-party AppGini plugin.
User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1727
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: Table-Images for “child-link” buttons issue

Post by jsetzer » 2023-03-28 04:29

Does it work now?

(You can ignore those (yellow) warnings in console)

Step by Step
  1. Get id of button element
    Dl7Mg4ngax.png
    Dl7Mg4ngax.png (16.98 KiB) Viewed 551 times
    chrome_ajkFXSFX4e.png
    chrome_ajkFXSFX4e.png (10.55 KiB) Viewed 551 times
    In this case it is notes_link. We can see there is no title attribute here.
  2. Edit hooks/header-extras.php and insert the following code:

    Code: Select all

    <script>
        jQuery(function() {
            jQuery('#notes_link').attr("title", "My custom tooltip");
        });
    </script>
    Note: If the id equals notes_link, the selector in the jQuery call has to be #notes_link.
  3. Reload browser with clear cache (!)
  4. inspect button
    chrome_57JsC7jVFi.png
    chrome_57JsC7jVFi.png (9.08 KiB) Viewed 551 times
  5. Check tooltip
    chrome_usm55Ylfcf.png
    chrome_usm55Ylfcf.png (5.41 KiB) Viewed 551 times
Tip
If you want to change more than one, you can but don't have to repeat the whole script-block but you can do like this:

Code: Select all

<script>
    jQuery(function() {
        jQuery('#notes_link').attr("title", "My custom tooltip");
        jQuery('#subscriptions_link').attr("title", "Another tooltip");
        jQuery('#deliveries_link').attr("title", "Custom tooltip #3");
    });
</script>
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

Post Reply