Designing interfaces and user experiences →mediumMultiple ChoiceObjective-mapped

SNOW-CAD Designing interfaces and user experiences Practice Question

Exhibit

{
  "name": "custom-header",
  "sections": [{
    "id": "header",
    "fields": [{
      "id": "title",
      "type": "string",
      "default": "Welcome"
    }]
  }],
  "states": [
    { "id": "default", "condition": "" }
  ]
}

Refer to the exhibit. A developer creates this UI Builder component but the header does not display the custom title. What is the most likely cause?

Answer choices

Why each option matters

Answer the question above first, then reveal the full breakdown to understand why each option is right or wrong.

Correct answer & explanation

✓

The section id is missing from the template

The header fails to display the custom title because the template lacks the section ID that binds the field to the UI. In UI Builder, a component's template must include the section and field IDs to render dynamic content. Without the section ID, the field cannot be displayed, causing the title to be missing. Option D correctly identifies this. Options A, B, and C are incorrect: A is wrong because default values apply when no state is set, not the reverse; B is irrelevant as empty conditions do not cause this issue; C would prevent the entire component from rendering, not just the header.

Answer analysis

Option-by-option breakdown

For each option: why learners choose it and why it is or isn't the right answer here.

✗
The field default is not applied unless the state is set
Why it's wrong here
Incorrect: Defaults are applied regardless of state.
✗
The states array is empty of conditions
Why it's wrong here
Incorrect: Conditions are optional; an empty condition means always active.
✗
The component name is not correctly registered
Why it's wrong here
Incorrect: This would cause the component not to appear at all.
✓
The section id is missing from the template
Why this is correct
Correct: The template must use the section ID to reference the field.

Go deeper

SNOW-CAD Designing interfaces and user experiences Practice Question

Exhibit

Why each option matters

Option-by-option breakdown

Related to this question