This forum has moved to a new location and is in read-only mode. Please visit talk.octobercms.com to access the new location.

  1. Forum
  2. FormTools Support
  3. Flash Not Working (Missing Appropriate CSS and JS files)
sokser+deatr10685
sokser+deatr10685

I'm trying to use October CMS's built in Flash component to display messages to the user. While I can get the message to appear, it does so in a plain text format with no styling and no javascript attached to make it disappear or to close the message. I am using a custom built template and I believe that it doesn't have the appropriate october css and js files loaded to make the flash work as expected. I noticed that in the backend's css combine there exists certain ".alert" stylings that aren't in my front end (note that the flash messages work fine on the backend).

I was wondering what core css and js do I need to include to get flash messages working? Thanks.

KurtJensen
KurtJensen

Here are the scripts and CSS I have from a default template and they are working.

<!DOCTYPE html>
<html>
    <head>
    <!-- Suff -->
        {% styles %}
        <link href="{{ [
            'assets/css/theme.css'
        ]|theme }}" rel="stylesheet">
    </head>
    <body>
    <!-- Stuff -->
        <!-- Footer -->
        <footer id="layout-footer" style="padding-top:200px; text-align:right;">
            {% partial "footer" %}
        </footer>

        <!-- Scripts -->
        <script src="{{ [
            'assets/javascript/jquery.js',
            'assets/vendor/bootstrap/js/transition.js',
            'assets/vendor/bootstrap/js/alert.js',
            'assets/vendor/bootstrap/js/button.js',
            'assets/vendor/bootstrap/js/carousel.js',
            'assets/vendor/bootstrap/js/collapse.js',
            'assets/vendor/bootstrap/js/tooltip.js',
            'assets/vendor/bootstrap/js/popover.js',
            'assets/vendor/bootstrap/js/scrollspy.js',
            'assets/vendor/bootstrap/js/tab.js',
            'assets/vendor/bootstrap/js/affix.js',
            'assets/vendor/bootstrap/js/dropdown.js',
            'assets/vendor/bootstrap/js/modal.js',
            'assets/javascript/app.js',
        ]|theme }}"></script>
        {% framework extras %}
        {% scripts %}

    </body>
godhanipnj13117535
godhanipnj13117535

Hello, Please turn on Your Apache rewrite_module. then restart server.

1-3 of 3

You cannot edit posts or make replies: the forum has moved to talk.octobercms.com.