♿ [#5047] Show "not filled in" when a field is empty in the submissio…

…n report pdf

To indicate when a field has been left empty by the user, show "No information provided" in the place where the filled in information would have been.
This also helps screen reader users identify which fields aren't filled in.

src/openforms/formio/formatters/base.py

@@ -70,9 +70,14 @@ def __call__(self, component: ComponentT, value: Any) -> str:
         # note all this depends on value not being unexpected type or shape
         values = self.normalise_value_to_list(component, value)
 
-        formatted_values = (
+        formatted_values = list(
             force_str(self.format(component, value)) for value in values
         )
+
+        # Check if formatted_values isn't empty
+        if len(formatted_values) == 0:
+            return self.process_result(component, "")
+
         # logically we'd want a .filter_formatted_values() step here
         return self.process_result(
             component, self.join_formatted_values(component, formatted_values)

src/openforms/formio/formatters/formio.py

@@ -121,6 +121,8 @@ def format(self, component: SelectBoxesComponent, value: dict[str, bool]) -> str
             # For the html output, wrap the values in li tags and put it inside an ul tag.
             # The selectboxes formatter handles all values at the same time,
             # so handle the full html formatting here.
+            if not selected_labels:
+                return ""
             return format_html(
                 "<ul>{values}</ul>",
                 values=format_html_join(

src/openforms/submissions/templates/report/submission_report.html

@@ -82,7 +82,11 @@ <h2 class="subtitle">{{ submission_step_node.render }}</h2>
                                                 </span>
 
                                                 <div aria-labelledby="{{ node_path }}" class="submission-step-row__value{% if not component_node.display_value %} submission-step-row__value--empty{% endif %}">
-                                                    {{ component_node.display_value|default:"" }}
+                                                    {% if component_node.display_value %}
+                                                        {{ component_node.display_value }}
+                                                    {% elif not component_node.layout_modifier %}
+                                                        {% trans "No information provided" %}
+                                                    {% endif %}
                                                 </div>
                                             {% endwith %}
                                         {% endif %}