Flash message categories in Flask - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to flash a message with the category 'success'.

Flask

flash('Operation completed successfully!', category='[1]')

Drag options to blanks, or click blank then click option'

Asuccess

Berror

Cwarning

Dinfo

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'error' or 'warning' instead of 'success' for positive messages.

Omitting the category parameter.

The category parameter defines the type of flash message. Here, 'success' is used to indicate a positive outcome.

2fill in blank

medium

Complete the code to flash a warning message.

Flask

flash('Please check your input.', category='[1]')

Drag options to blanks, or click blank then click option'

Awarning

Binfo

Csuccess

Derror

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'error' when the message is not about a failure.

Using 'info' which is more neutral.

The 'warning' category is used to alert the user about something that needs attention but is not an error.

3fill in blank

hard

Fix the error in the flash message category to correctly show an informational message.

Flask

flash('New update available.', category='[1]')

Drag options to blanks, or click blank then click option'

Aerror

Bwarning

Csuccess

Dinfo

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting quotes around the category string.

Using the wrong category for informational messages.

The category must be a string. Using quotes around 'info' is necessary to avoid syntax errors and to correctly categorize the message.

4fill in blank

hard

Fill both blanks to flash an error message with the correct category and message text.

Flask

flash('[1]', category='[2]')

Drag options to blanks, or click blank then click option'

AAn error occurred

Bsuccess

Cerror

DOperation completed

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing success messages with error categories.

Using 'success' category for error messages.

The message text should describe the error, and the category should be 'error' to indicate the message type.

5fill in blank

hard

Fill all three blanks to flash a success message with dynamic content and the correct category.

Flask

flash(f'User [1] has been [2].', category='[3]')

Drag options to blanks, or click blank then click option'

Ausername

Bcreated

Csuccess

Ddeleted

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'deleted' instead of 'created' for a success message.

Using 'error' or 'warning' as the category for a success message.

The message dynamically inserts the username and states the action 'created'. The category 'success' marks it as a positive message.

Practice

1. What is the purpose of using categories in Flask flash messages?

easy

A. To encrypt messages for security

B. To store messages permanently in the database

C. To label messages by type like success or error for styling

D. To send messages to different users

Solution

1. Step 1: Understand flash message categories

   Categories help group messages by type, such as 'success' or 'error'.

2. Step 2: Recognize their use in styling

   These categories allow different styles or icons to show user feedback clearly.

3. Final Answer:

   To label messages by type like success or error for styling -> Option C

4. Quick Check:

   Flash message categories = Label messages by type [OK]

Hint: Categories tag messages for style and meaning [OK]

Common Mistakes:

• Thinking categories store messages permanently
• Confusing categories with encryption
• Assuming categories send messages to users

2. Which is the correct syntax to flash a message with a category in Flask?

easy

A. flash('Welcome!', 'info')

B. flash('Welcome!', cat='info')

C. flash('Welcome!', category: 'info')

D. flash('Welcome!').category('info')

Solution

1. Step 1: Recall flash function signature

   Flask's flash function takes message first, then category as second positional argument.

2. Step 2: Identify correct syntax

   Using flash('Welcome!', 'info') correctly passes the category as second argument.

3. Final Answer:

   flash('Welcome!', 'info') -> Option A

4. Quick Check:

   flash(message, category) = flash('Welcome!', 'info') [OK]

Hint: Category is second argument without keyword [OK]

Common Mistakes:

• Using misspelled keyword argument 'cat=' which is invalid
• Using colon instead of comma
• Trying to chain category as method

3. Given this Flask code snippet:

flash('Saved successfully', 'success')
flash('Invalid input', 'error')

What will be the categories of the flashed messages retrieved in the template?

medium

A. ['success', 'error']

B. ['info', 'warning']

C. ['error', 'success']

D. ['message', 'alert']

Solution

1. Step 1: Identify categories used in flash calls

   The first flash uses 'success', the second uses 'error' as categories.

2. Step 2: Understand retrieval order

   Messages are retrieved in the order flashed, so categories list is ['success', 'error'].

3. Final Answer:

   ['success', 'error'] -> Option A

4. Quick Check:

   Flashed categories = ['success', 'error'] [OK]

Hint: Categories match second argument in flash() calls [OK]

Common Mistakes:

• Mixing up category names
• Assuming default categories like 'info'
• Reversing order of categories

4. What is wrong with this Flask code snippet?

flash('Error occurred', cat='error')

medium

A. Message string must be a list, not a string

B. Using keyword argument 'cat' causes a TypeError

C. Category must be uppercase like 'ERROR'

D. flash() requires three arguments

Solution

1. Step 1: Check flash function parameters

   flash() accepts message and optional category as positional arguments, not keyword arguments.

2. Step 2: Identify error cause

   Using cat='error' keyword causes TypeError: unexpected keyword argument.

3. Final Answer:

   Using keyword argument 'cat' causes a TypeError -> Option B

4. Quick Check:

   flash() keyword 'cat' = TypeError [OK]

Hint: flash() takes category as second positional argument only [OK]

Common Mistakes:

• Using invalid keyword argument 'cat'
• Assuming category must be uppercase
• Thinking flash needs more than two arguments

5. You want to display flash messages with different colors based on their categories: 'success' in green, 'error' in red, and 'info' in blue. Which approach correctly uses categories in your Flask template?

hard

A. {% for message, category in get_flashed_messages() %} {{ message }}{% endfor %}

B. {% for message in get_flashed_messages() %} {{ message }}{% endfor %}

C. {% for message, category in get_flashed_messages(with_categories=True) %} {{ message }}{% endfor %}

D. {% for category, message in get_flashed_messages(with_categories=True) %} {{ category }}{% endfor %}

Solution

1. Step 1: Use get_flashed_messages with categories

   To access categories, call get_flashed_messages(with_categories=True) which returns (category, message) pairs.

2. Step 2: Correctly unpack and use variables in template

   Unpack as (category, message) and use category in CSS class for styling.

3. Final Answer:

   {% for category, message in get_flashed_messages(with_categories=True) %} <div class="alert alert-{{ category }}">{{ message }}</div> {% endfor %} -> Option D

4. Quick Check:

   Use with_categories=True and unpack (category, message) [OK]

Hint: Use with_categories=True and unpack (category, message) [OK]

Common Mistakes:

• Not using with_categories=True to get categories
• Swapping message and category order
• Using get_flashed_messages() without categories