1. NOTICE: If you are using Fabrik and update to Joomla 3.10, you will need to update to Fabrik 3.10. And, if you are using Fabrik, do not upgrade to Joomla 4, we do not have a supported version ready for release. More information on a release date coming soon. Also, please note that Fabrik 3.10 will not install on any Joomla sites less than 3.8.
    Dismiss Notice

AutoFading System Messages

Jan 4, 2018
AutoFading System Messages
  • The following will implement a jQuery autofade as shown here: http://jsfiddle.net/2DpfP/4/

    • Download jQuery 1.7.1 from here. and place jquery-1.7.1.min.js in your template folder
    • Wrap a div around the jdoc call in your template's index.php:
    PHP:
    <div id="test">
        <jdoc:include type="message" />
    </div>
    • Add this javascript right before </head>:
    Code (Javascript):
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $('#test').delay(1000).fadeOut();
    });
    </script>
    There are also several Joomla plugins that can achieve this. I (Sophist) have just implemented JToastr that delivers them like Android Toast messages. Nice!!