The Flask Mega-Tutorial Part XIII: I18n and L10n (2018)

Posted by
on under

(Great news! There is a new version of this tutorial!)

This is the thirteenth installment of the Flask Mega-Tutorial series, in which I'm going to tell you how to expand Microblog to support multiple languages. As part of that effort you will also learn about creating your own CLI extensions to the flask command.

For your reference, below is a list of the articles in this series.

The topics of this chapter are Internationalization and Localization, commonly abbreviated I18n and L10n. To make my application friendly to people who do not speak English, I'm going to implement a translation workflow that, with the help of language translators, will allow me to offer the application to users in a choice of languages.

The GitHub links for this chapter are: Browse, Zip, Diff.

Introduction to Flask-Babel

As you can probably guess, there is a Flask extension that makes working with translations very easy. The extension is called Flask-Babel and is installed with pip:

(venv) $ pip install "flask-babel<3"

This install the latest 2.x release of Flask-Babel. Flask-Babel is initialized like most other Flask extensions:

app/ Flask-Babel instance.

# ...
from flask_babel import Babel

app = Flask(__name__)
# ...
babel = Babel(app)

As part of this chapter, I'm going to show you how to translate the application into Spanish, as I happen to speak that language. I could also work with translators that know other languages and support those as well. To keep track of the list of supported languages, I'm going to add a configuration variable: Supported languages list.

class Config(object):
    # ...
    LANGUAGES = ['en', 'es']

I'm using two-letter language codes for this application, but if you need to be more specific, a country code can be added as well. For example, you could use en-US, en-GB and en-CA to support American, British and Canadian English as different languages.

The Babel instance provides a localeselector decorator. The decorated function is invoked for each request to select a language translation to use for that request:

app/ Select best language.

from flask import request

# ...

def get_locale():
    return request.accept_languages.best_match(app.config['LANGUAGES'])

Here I'm using an attribute of Flask's request object called accept_languages. This object provides a high-level interface to work with the Accept-Language header that clients send with a request. This header specifies the client language and locale preferences as a weighted list. The contents of this header can be configured in the browser's preferences page, with the default being usually imported from the language settings in the computer's operating system. Most people don't even know such a setting exists, but this is useful as users can provide a list of preferred languages, each with a weight. In case you are curious, here is an example of a complex Accept-Languages header:

Accept-Language: da, en-gb;q=0.8, en;q=0.7

This says that Danish (da) is the preferred language (with default weight = 1.0), followed by British English (en-GB) with a 0.8 weight, and as a last option generic English (en) with a 0.7 weight.

To select the best language, you need to compare the list of languages requested by the client against the languages the application supports, and using the client provided weights, find the best language. The logic to do this is somewhat complicated, but it is all encapsulated in the best_match() method, which takes the list of languages offered by the application as an argument and returns the best choice.

Marking Texts to Translate In Python Source Code

Okay, so now comes the bad news. The normal workflow when making an application available in multiple languages is to mark all the texts that need translations in the source code. After the texts are marked, Flask-Babel will scan all the files and extract those texts into a separate translation file using the gettext tool. Unfortunately this is a tedious task that needs to be done to enable translations.

I'm going to show you a few examples of this marking here, but you can get the complete set of changes from the download package for this chapter or the GitHub repository.

The way texts are marked for translation is by wrapping them in a function call that as a convention is called _(), just an underscore. The simplest cases are those where literal strings appear in the source code. Here is an example flash() statement:

from flask_babel import _
# ...
flash(_('Your post is now live!'))

The idea is that the _() function wraps the text in the base language (English in this case). This function will use the language selected by the get_locale() function to find the correct translation for a given client. The _() function then returns the translated text, which in this case will become the argument to flash().

Unfortunately not all cases are that simple. Consider this other flash() call from the application:

flash('User {} not found.'.format(username))

This text has a dynamic component that is inserted in the middle of the static text. The _() function has a syntax that supports this type of texts, but it is based on the older string substitution syntax:

flash(_('User %(username)s not found.', username=username))

There is an even harder case to handle. Some string literals are assigned outside of a request, usually when the application is starting up, so at the time these texts are evaluated there is no way to know what language to use. An example of this is the labels associated with form fields. The only solution to handle those texts is to find a way to delay the evaluation of the string until it is used, which is going to be under an actual request. Flask-Babel provides a lazy evaluation version of _() that is called lazy_gettext():

from flask_babel import lazy_gettext as _l

class LoginForm(FlaskForm):
    username = StringField(_l('Username'), validators=[DataRequired()])
    # ...

Here I'm importing this alternative translation function and renaming to to _l() so that it looks similar to the original _(). This new function wraps the text in a special object that triggers the translation to be performed later, when the string is used.

The Flask-Login extension flashes a message any time it redirects the user to the login page. This message is in English and comes from the extension itself. To make sure this message also gets translated, I'm going to override the default message and provide my own, wrapper with the _l() function for lazy processing:

login = LoginManager(app)
login.login_view = 'login'
login.login_message = _l('Please log in to access this page.')

Marking Texts to Translate In Templates

In the previous section you've seen how to mark translatable texts in Python source code, but that is only a part of this process, as template files also have text. The _() function is also available in templates, so the process is fairly similar. For example, consider this snippet of HTML from 404.html:

<h1>File Not Found</h1>

The translation enabled version becomes:

<h1>{{ _('File Not Found') }}</h1>

Note that here in addition to wrapping the text with _(), the {{ ... }} needs to be added, to force the _() to be evaluated instead of being considered a literal in the template.

For more complex phrases that have dynamic components, arguments can also be used:

<h1>{{ _('Hi, %(username)s!', username=current_user.username) }}</h1>

There is a particularly tricky case in _post.html that took me a while to figure out:

        {% set user_link %}
            <a href="{{ url_for('user', }}">
                {{ }}
        {% endset %}
        {{ _('%(username)s said %(when)s',
            username=user_link, when=moment(post.timestamp).fromNow()) }}

The problem here is that I wanted the username to be a link that points to the profile page of the user, not just the name, so I had to create an intermediate variable called user_link using the set and endset template directives, and then pass that as an argument to the translation function.

As I mentioned above, you can download a version of the application with all the translatable texts in Python source code and templates marked.

Extracting Text to Translate

Once you have the application with all the _() and _l() in place, you can use the pybabel command to extract them to a .pot file, which stands for portable object template. This is a text file that includes all the texts that were marked as needing translation. The purpose of this file is to serve as a template to create translation files for each language.

The extraction process needs a small configuration file that tells pybabel what files should be scanned for translatable texts. Below you can see the babel.cfg that I created for this application:

babel.cfg: PyBabel configuration file.

[python: app/**.py]
[jinja2: app/templates/**.html]

The first two lines define the filename patterns for Python and Jinja2 template files respectively. The third line defines two extensions provided by the Jinja2 template engine that help Flask-Babel properly parse template files.

To extract all the texts to the .pot file, you can use the following command:

(venv) $ pybabel extract -F babel.cfg -k _l -o messages.pot .

The pybabel extract command reads the configuration file given in the -F option, then scans all the code and template files in the directories that match the configured sources, starting from the directory given in the command (the current directory or . in this case). By default, pybabel will look for _() as a text marker, but I have also used the lazy version, which I imported as _l(), so I need to tell the tool to look for those too with the -k _l. The -o option provides the name of the output file.

I should note that the messages.pot file is not a file that needs to be incorporated into the project. This is a file that can be easily regenerated any time it is needed, simply by running the command above again. So there is no need to commit this file to source control.

Generating a Language Catalog

The next step in the process is to create a translation for each language that will be supported in addition to the base one, which in this case is English. I said I was going to start by adding Spanish (language code es), so this is the command that does that:

(venv) $ pybabel init -i messages.pot -d app/translations -l es
creating catalog app/translations/es/LC_MESSAGES/messages.po based on messages.pot

The pybabel init command takes the messages.pot file as input and writes a new language catalog to the directory given in the -d option for the language specified in the -l option. I'm going to be installing all the translations in the app/translations directory, because that is where Flask-Babel will expect translation files to be by default. The command will create a es subdirectory inside this directory for the Spanish data files. In particular, there will be a new file named app/translations/es/LC_MESSAGES/messages.po, that is where the translations need to be made.

If you want to support other languages, just repeat the above command with each of the language codes you want, so that each language gets its own repository with a messages.po file.

This messages.po file that created in each language repository uses a format that is the de facto standard for language translations, the format used by the gettext utility. Here are a few lines from the beginning of the Spanish messages.po:

# Spanish translations for PROJECT.
# Copyright (C) 2021 ORGANIZATION
# This file is distributed under the same license as the PROJECT project.
msgid ""
msgstr ""
"Project-Id-Version: PROJECT VERSION\n"
"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
"POT-Creation-Date: 2021-06-29 23:23-0700\n"
"PO-Revision-Date: 2021-06-29 23:25-0700\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language: es\n"
"Language-Team: es <>\n"
"Plural-Forms: nplurals=2; plural=(n != 1)\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=utf-8\n"
"Content-Transfer-Encoding: 8bit\n"
"Generated-By: Babel 2.5.1\n"

#: app/
msgid "[Microblog] Reset Your Password"
msgstr ""

#: app/ app/ app/
msgid "Username"
msgstr ""

#: app/ app/ app/
msgid "Password"
msgstr ""

If you skip the header, you can see that what follows is a list of strings that were extracted from the _() and _l() calls. For each text, you get a reference to the location of the text in your application. Then the msgid line contains the text in the base language, and the msgstr line that follows contains an empty string. Those empty strings need to be edited to have the version of the text in the target language.

There are many translation applications that work with .po files. If you feel comfortable editing the text file, then that's sufficient, but if you are working with a large project it may be recommended to work with a specialized editor. The most popular translation application is the open-source poedit, which is available for all major operating systems. If you are familiar with vim, then the po.vim plugin gives some key mappings that make working with these files easier.

Below you can see a portion of the Spanish messages.po after I added the translations:

#: app/
msgid "[Microblog] Reset Your Password"
msgstr "[Microblog] Nueva Contraseña"

#: app/ app/ app/
msgid "Username"
msgstr "Nombre de usuario"

#: app/ app/ app/
msgid "Password"
msgstr "Contraseña"

The download package for this chapter also contains this file with all the translations in place, so that you don't have to worry about that part for this application.

The messages.po file is a sort of source file for translations. When you want to start using these translated texts, this file needs to be compiled into a format that is efficient to be used by the application at run-time. To compile all the translations for the application, you can use the pybabel compile command as follows:

(venv) $ pybabel compile -d app/translations
compiling catalog app/translations/es/LC_MESSAGES/messages.po to

This operation adds a file next to messages.po in each language repository. The .mo file is the file that Flask-Babel will use to load translations for the application.

After you create the file for Spanish or any other languages you added to the project, these languages are ready to be used in the application. If you want to see how the application looks in Spanish, you can edit the language configuration in your web browser to have Spanish as the preferred language. For Chrome, this is the Advanced part of the Settings page:

Chrome Language Options

If you prefer not to change your browser settings, the other alternative is to force a language by making the localeselector function always return it. For Spanish, this would be how you would do it:

app/ Select best language.

def get_locale():
    # return request.accept_languages.best_match(app.config['LANGUAGES'])
    return 'es'

Running the application with the browser configured for Spanish, or the localeselector function returning es will make all the texts appear in Spanish when you use the application.

Updating the Translations

One common situation when working with translations is that you may want to start using a translation file even if it is incomplete. That is totally fine, you can compile an incomplete messages.po file and any translations that are available will be used, while any missing ones will use the base language. You can then continue working on the translations and compile again to update the file as you make progress.

Another common scenario occurs if you missed some texts when you added the _() wrappers. In this case you are going to see that those texts that you missed are going to remain in English, because Flask-Babel knows nothing about them. In this situation you'll want to add the _() or _l() wrappers when you detect texts that don't have them, and then do an update procedure, which involves two steps:

(venv) $ pybabel extract -F babel.cfg -k _l -o messages.pot .
(venv) $ pybabel update -i messages.pot -d app/translations

The extract command is identical to the one I issued earlier, but now it will generate a new version of messages.pot with all the previous texts plus anything new that you recently wrapped with _() or _l(). The update call takes the new messages.pot file and merges it into all the messages.po files associated with the project. This is going to be an intelligent merge, in which any existing texts will be left alone, while only entries that were added or removed in messages.pot will be affected.

After the messages.po are updated, you can go ahead and translate any new tests, then compile the messages one more time to make them available to the application.

Translating Dates and Times

Now I have a complete Spanish translation for all the texts in Python code and templates, but if you run the application in Spanish and are a good observer, you will notice that there are still a few things that appear in English. I'm referring to the timestamps generated by Flask-Moment and moment.js, which obviously have not been included in the translation effort because none of the texts generated by these packages are part of the source code or templates of the application.

The moment.js library does support localization and internationalization, so all I need to do is configure the proper language. Flask-Babel returns the selected language and locale for a given request via the get_locale() function, so what I'm going to do is add the locale to the g object, so that I can then access it from the base template:

app/ Store selected language in flask.g.

# ...
from flask import g
from flask_babel import get_locale

# ...

def before_request():
    # ...
    g.locale = str(get_locale())

The get_locale() function from Flask-Babel returns a locale object, but I just want to have the language code, which can be obtained by converting the object to a string. Now that I have g.locale, I can access it from the base template to configure moment.js with the correct language:

app/templates/base.html: Set locale for moment.js.

{% block scripts %}
    {{ super() }}
    {{ moment.include_moment() }}
    {{ moment.lang(g.locale) }}
{% endblock %}

And now all dates and times should appear in the same language as the text. Below you can see how the application looks in Spanish:

Microblog in Español

At this point, all texts except those that were provided by the user in blog posts or profile descriptions should be translatable into other languages.

Command-Line Enhancements

You will probably agree with me that the pybabel commands are a bit long and difficult to remember. I'm going to use this opportunity to show you how you can create custom commands that are integrated with the flask command. So far, you've seen me use flask run, flask shell, and several flask db sub-commands provided by the Flask-Migrate extension. It is actually easy to add application-specific commands to flask as well. So what I'm going to do now is create a few simple commands that trigger the pybabel commands with all the arguments that are specific to this application. The commands that I'm going to add are:

  • flask translate init LANG to add a new language
  • flask translate update to update all language repositories
  • flask translate compile to compile all language repositories

The babel export step is not going to be a command, because generating the messages.pot file is always a pre-requisite to running either the init or the update commands, so the implementation of these commands will generate the translation template file as a temporary file.

Flask relies on Click for all its command-line operations. Commands like translate, which are a root for several sub-commands are created via the decorator. I'm going to put these commands in a new module called app/

app/ Translate command group.

from app import app
def translate():
    """Translation and localization commands."""

The name of the command comes from the name of the decorated function, and the help message comes from the docstring. Since this is a parent command that only exists to provide a base for the sub-commands, the function itself does not need to do anything.

The update and compile are easy to implement, because they do not take any arguments:

app/ Update and compile sub-commands.

import os

# ...

def update():
    """Update all languages."""
    if os.system('pybabel extract -F babel.cfg -k _l -o messages.pot .'):
        raise RuntimeError('extract command failed')
    if os.system('pybabel update -i messages.pot -d app/translations'):
        raise RuntimeError('update command failed')

def compile():
    """Compile all languages."""
    if os.system('pybabel compile -d app/translations'):
        raise RuntimeError('compile command failed')

Note how the decorator from these functions is derived from the translate parent function. This may seem confusing, since translate() is a function, but it is the standard way in which Click builds groups of commands. Same as with the translate() function, the docstrings for these functions are used as help message in the --help output.

You can see that for all commands, I run them and make sure that the return value is zero, which implies that the command did not return any error. If the command errors, then I raise a RuntimeError, which will cause the script to stop. The update() function combines the extract and update steps in the same command, and if everything is successful, it deletes the messages.pot file after the update is complete, since this file can be easily regenerated when needed again.

The init command takes the new language code as an argument. Here is the implementation:

app/ Init sub-command.

import click

def init(lang):
    """Initialize a new language."""
    if os.system('pybabel extract -F babel.cfg -k _l -o messages.pot .'):
        raise RuntimeError('extract command failed')
    if os.system(
            'pybabel init -i messages.pot -d app/translations -l ' + lang):
        raise RuntimeError('init command failed')

This command uses the @click.argument decorator to define the language code. Click passes the value provided in the command to the handler function as an argument, and then I incorporate the argument into the init command.

The final step to enable these commands to work is to import them, so that the commands get registered. I decided to do this in the file in the top-level directory: Register command-line commands.

from app import cli

Here the only thing I need to do is import the new module, there is no need to do anything with it, as the import causes the command decorators to run and register the command.

At this point, running flask --help will list the translate command as an option. And flask translate --help will show the three sub-commands that I defined:

(venv) $ flask translate --help
Usage: flask translate [OPTIONS] COMMAND [ARGS]...

  Translation and localization commands.

  --help  Show this message and exit.

  compile  Compile all languages.
  init     Initialize a new language.
  update   Update all languages.

So now, the workflow is much simpler and there is no need to remember long and complicated commands. To add a new language, you use:

(venv) $ flask translate init <language-code>

To update all the languages after making changes to the _() and _l() language markers:

(venv) $ flask translate update

And to compile all languages after updating the translation files:

(venv) $ flask translate compile
Become a Patron!

Hello, and thank you for visiting my blog! If you enjoyed this article, please consider supporting my work on this blog on Patreon!

  • #1 carl Jan said

    Wonderful, as all the lessons to date have been.
    That cli part - on adding commands - was practically another lesson by itself.
    Looking forward to the rest of the series
    thank you Miguel

  • #2 Fabien said

    thank you for this great tutorial

  • #3 Sven said

    Hola Miguel,
    thank you for the great tutorial. So far the supported languages have to be added manually in the file in the Config class under LANGUAGES = [].

    When I use the new functionality with flask translate init xx is there a way to add the new language to the Config class automatically ?

  • #4 Miguel Grinberg said

    @Sven: Only if you implemented to work that way. You can, for example, set the list of languages by scanning the translations directory for all the subfolders. If in your application you can assume that all the languages that are in the source repository are ready to be exposed, then that should work for automatic configuration. But the fact is that you may want to work on a language for a while before you make it public, so that is not going to work for all types of applications. I suspect most real-world applications will need manual enabling of languages, like I have done.

  • #5 Marko said

    I'm having some issues with flask-babel, it breaks during the extractions of the templates. I tried with switching from python 3.6 to version 3.5 but the problem remained. I even downloaded the code from your repo and tried babel on it, no luck. when I exclude the templates/ folder everything works fine.

  • #6 Miguel Grinberg said

    @Marko: what error do you get? It could be a mistake in the babel configuration file, I guess.

  • #7 Marko said

    I am getting this:
    extracting messages from app/templates/404.html (extensions="jinja2.ext.autoescape,jinja2.ext.with_")
    Traceback (most recent call last):
    File "/home/mark/Flask/microblog2/venv/bin/pybabel", line 11, in <module>
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/babel/messages/", line 908, in main
    return CommandLineInterface().run(sys.argv)
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/babel/messages/", line 832, in run
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/babel/messages/", line 467, in run
    for filename, lineno, message, comments, context in extracted:
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/babel/messages/", line 157, in extract_from_dir
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/babel/messages/", line 212, in check_and_call_extract_file
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/babel/messages/", line 241, in extract_from_file
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/babel/messages/", line 303, in extract
    func = entry_point.load(require=True)
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/pkg_resources/", line 2228, in load
    self.require(args, *kwargs)
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/pkg_resources/", line 2245, in require
    items = working_set.resolve(reqs, env, installer)
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/pkg_resources/", line 808, in resolve
    if not req_extras.markers_pass(req):
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/pkg_resources/", line 993, in markers_pass
    return not req.marker or any(extra_evals) or req.marker.evaluate()
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/pkg_resources/_vendor/packaging/", line 278, in evaluate
    return _evaluate_markers(self._markers, current_environment)
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/pkg_resources/_vendor/packaging/", line 203, in _evaluate_markers
    lhs_value = _get_env(environment, lhs.value)
    File "/home/mark/Flask/microblog2/venv/lib/python3.5/site-packages/pkg_resources/_vendor/packaging/", line 185, in _get_env
    "{0!r} does not exist in evaluation environment.".format(name)
    pkg_resources.extern.packaging.markers.UndefinedEnvironmentName: 'extra' does not exist in evaluation environment.

    Do you mean babel.cfg? I copy/pasted the code to be sure, I even copy / pasted the extract command.
    I even reinstalled flask-babel, but no luck. Finally I created a new venv, got the files from your repo and installed the requirements from your requirements.txt file, still nothing.

  • #8 Sven said

    Thank you Miguel,
    had not thought about that. Makes more sense to wait for the translation begin done before exposing it. Thanks for pointing that out.

  • #9 Miguel Grinberg said

    @Marko: this error is not from babel, there seems to be some sort of problem with the packaging subsystem in your installation (pip, setuptools, etc.). Try "pip install --upgrade pip setuptools", maybe getting the latest versions of the packaging tools helps.

  • #10 Marko said

    @miguel: yes! that was it! Thank you very much. Yeah, I started thinking that the problem isn't with babel but something else, this is why I thought how starting a new project with a fresh venv environment would work. Trying on a different laptop would be my next move.

    Thank you again for your help and, naturally, for the whole tutorial.

  • #11 Ahmed Lo'ay said

    Hi, Miguel

    Thank you for this great tutorial. Really thank you.

    I just want to add something that might be useful for some people with RTL language like mine (Arabic).
    Since we're using bootstrap, I googled and found this good resource: which is used on top of bootstrap to add rtl support.

    Here how I used it:

    in app/templates/base.html:

    {% block head %}
    {{ super() }}
    {# load bootstrap-rtl if locale is arabic #}
    {% if g.locale == 'ar' %}

    <link rel="stylesheet" href="//">
    {% endif %}
    {% endblock %}

    With this, the app should work fine with arabic (or any other rtl language)


  • #12 nadjib said

    Hi, Miguel Thank you for this great tutorial.

    i have a problem
    the lazy loading _() in the forms is not working !

  • #13 Miguel Grinberg said

    @nadjib: you are not providing enough information for me to help you. What's not working? Is it only with your version of the application, or also with mine from GitHub?

  • #14 Tommy Herbert said

    Is the flask.g approach thread-safe? If two requests come in close together from a Spanish user and an English one, could the timestamps be displayed in the wrong language?

  • #15 Miguel Grinberg said

    @Tommy: The short answer is yes. For the long answer, you may want to watch the Flask webcast session I did on this topic:

  • #16 Tiago said

    Hi Miguel

    Just a note regarding specific country codes. It seems like Babel takes 'us_US' as a parameter, but doesn't like en-US.

    I got this error message when using the hyphen:

    ValueError: expected only letters, got 'es-es'


  • #17 Tiago said

    Would there be any inconvenience in just using l() - the lazy_gettext - for all strings, and not using () at all?

    The advantage would be not to have to decide when to use which, I guess performance would take a slight hit?


  • #18 Tiago said


    There seems to be a default error message displayed in the forms which I could not find how to access, and therefore could not mark for translation. When we try submitting a form with a field which has DataRequired(), we get an error message:

    [Chrome] (!) Please fill in this field.

    [Firefox] Please fill out this field.

    This message is always in English, even if I change my browser preferences. I think this is being set by Bootstrap, since changing .quick_form back to the old <form> removes this message.

    Removing DataRequired() validation from the field also removes this message, so Bootstrap is looking at this validator to set the message, but for some reason the message cannot be changed under DataRequired(message="").

    It seems Bootstrap is performing validation because we set DataRequired(), but before DataRequired() validation kicks in, and displaying an error message which is impossible to access, so this was the only way I could find to fix the issue:

    wtf.quick_form(form, novalidate=True)

    I expected this novalidate flag to also cause WTF to bypass all validation (DataRequired, Length, Email, Equals, etc), but strangely it not only performs all the validations, but also displays default messages which are being translated!

    "This field is required."
    -> "Este campo es obligatorio."

    Invalid email address.
    -> Email inválido.


    - if we remove DataRequired(), we get no unwanted message, but also no validation.
    - if we have DataRequired and wtf.quick_form(form), we get an error message which we cannot translate.
    - if we have DataRequired and wtf.quick_form(form, novalidate=True) we still get all the validations, and we get a default error message which is translated by default

    I hope this is of use to others.

    (I found the novalidate flag in github - bootstrap/wtf.html
    but not in the official documentation

  • #19 Yeshwant said

    Hi Miguel,

    I've been following your blog for a month. Must say this is the finest and well constructed blog I have ever come across.

    I have a query related to translation.. Is there any way by which I can translate dynamic value " %(username)s " in my messages.po file?

  • #20 Miguel Grinberg said

    @Tiago: I haven't tried, but yes, I expect l() will work just fine, but a bit slower than the regular () function.

  • #21 Miguel Grinberg said

    @Yeshwant: that does not look like a message you would want to translate, right? It's just a % character and the username, which should not be translated. I would remove the translation marker from the source file that has that string.

  • #22 Sujay said

    @Miguel Grinberg: I did the "Command-Line Enhancements" part exactly as you explained but when I run "flask translate --help" command it throws following error:

    Error: No such command "translate".

    BTW my code is exactly same as your code. The translations part worked fine but "Command-Line Enhancements" part is not working.

  • #23 Miguel Grinberg said

    @Sujay: something must be wrong. Either you haven't set your FLASK_APP correctly, or you put the command definitions in the wrong place. Try to do this with my own code from GitHub and then compare against your code.

  • #24 Adela said

    Thank you for your awesome tutorial.
    But I wonder if you might have misplaced .pot as .po. :D

  • #25 Miguel Grinberg said

    @Adela: The .pot file is the template, while the .po file is the actual file that contains translations.

Leave a Comment