Flag of Ukraine
SymfonyCasts stands united with the people of Ukraine
TRACK

JavaScript Frameworks & Tools >

COURSE

Symfony UX: Turbo >

CHAPTER

The "defer" Attribute & Conditionally Activating Turbo

Buy Access to Course
Next Chapter

Challenge #1 of 1

Q: 

Given this very basic template:

<html>
    <head>
        <title>My Template</title>
        {% block javascripts %}{% endblock %}
        {% block stylesheets %}{% endblock %}
    </head>
    <body>
        {% block body %}{% endblock %}
    </body>
</html>

How can we disable turbo on this page?

a) 
<html data-turbo="false">
    <head>
        <title>My Template</title>
        {% block javascripts %}{% endblock %}
        {% block stylesheets %}{% endblock %}
    </head>
    <body>
        {% block body %}{% endblock %}
    </body>
</html>
b) 
<html>
    <head>
        <title>My Template</title>
        <meta data-turbo="false">
        {% block javascripts %}{% endblock %}
        {% block stylesheets %}{% endblock %}
    </head>
    <body>
        {% block body %}{% endblock %}
    </body>
</html>
c) 
<html>
    <head>
        <title>My Template</title>
        {% block javascripts %}{% endblock %}
        {% block stylesheets %}{% endblock %}
    </head>
    <body data-turbo="false">
        {% block body %}{% endblock %}
    </body>
</html>
d)

Once you install and set up turbo (i.e. include Turbo in your main JavaScript entry), you cannot disable it, except on a link-by-link basis.

Rewatch Video
userVoice