Hi, am just wondering if i want to use ajax do i ad '@framework' and '@framework.extras' or just '@framework.extras'

 <script src="{{ [
'assets/vendor/mega-site-navigation/js/main.js',
'@framework',
'@framework.extras'

]|theme }}">

According to the default theme:

<!-- 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/dropdown.js',
            'assets/vendor/bootstrap/js/modal.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/javascript/app.js'
        ]|theme }}"></script>
        {% framework extras %}
        {% scripts %}

thanks. i was trying to combine it all. however noticed if i don't include @framework and just use @framework.extras it seem to be missing so I use both. but was worried about double up.

Framework and Framework Extras are different JS files:

/modules/system/assets/js/framework.js
/modules/system/assets/js/framework.extras.js

You have to include them both, but all can be combined together like this:

<script type="text/javascript" src="{{ [
    '@jquery',
    '@framework',
    '@framework.extras',
    'assets/vendor/bootstrap/js/alert.js',
    'assets/vendor/bootstrap/js/button.js',
    ]|theme }}.js">
</script>

Hi,

I am using october cms first time and need help,

I am using contact form and may be its not working due to framework.js and framework.extra.js, if someone can provide me the files, then please, Need urgent Help, Thanks in advance!!

Small but important addition. If you use @framework.extras as shown here by jan.vince, don't forget to also include @framework.extras in your SCSS combiner statement, or the styling (like an attached loading icon to a submit button) will not be applied.

So, in the head of your page:

<link href="{{ ['@framework.extras','assets/css/main.css'] |theme }}" rel="stylesheet">

And in the footer of your page:

<script defer src="{{ [
    '@jquery',
    '@framework',
    '@framework.extras',
    'assets/js/min/plugins.min.js',
    'assets/js/min/main.min.js'
]|theme }}"></script>

Last updated 3 years ago