- A
Use $scope.$broadcast to trigger a modal event
Why wrong: Broadcasting events doesn't open a modal; you need a modal service.
- B
Use spModal.open with the record producer sys_id
Why wrong: spModal.open is not a standard ServiceNow API.
- C
Use $uibModal.open to create a modal with a custom template
$uibModal is the Angular UI Bootstrap service for modals.
- D
Use window.open to open the record producer URL
Why wrong: window.open opens a new window, not a modal.
Quick Answer
The correct choice is to use $uibModal.open to create a modal with a custom template. This is the standard AngularJS approach within Service Portal because record producers are not native modal components; they require a custom template that embeds the record producer form, and $uibModal.open provides the necessary controller, template, and resolve data to control the modal’s behavior. On the ServiceNow Certified Application Developer CAD exam, this question tests your understanding of how Service Portal widgets leverage AngularJS UI Bootstrap, and a common trap is assuming a simple URL or sys_id parameter can open a record producer in a modal—it cannot, because the modal must be instantiated programmatically. Remember the memory tip: “Modal needs a template, not a parameter”—if you see an option that just passes a sys_id, it’s a distractor; the correct path always involves $uibModal.open with a custom template to render the record producer.
SNOW-CAD Designing interfaces and user experiences Practice Question
This SNOW-CAD practice question tests your understanding of designing interfaces and user experiences. Read the scenario carefully and evaluate each option against the stated constraints before committing to an answer. After answering, compare your reasoning against the explanation and wrong-answer breakdown below. Once you have made your selection, read the full explanation to reinforce the concept and understand why each distractor is designed to mislead on exam day.
A Service Portal widget displays a list of catalog items. Each catalog item should link to a record producer that opens in a modal dialog. Which approach should the developer use to open the modal?
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
Use $uibModal.open to create a modal with a custom template
Option C is correct because Service Portal widgets use AngularJS, and the standard way to open a modal with a custom template (such as a record producer form) is via `$uibModal.open`. This method allows the developer to specify a controller, template, and resolve data, giving full control over the modal's behavior and content. Record producers are typically rendered inside a custom template, not directly via a sys_id parameter.
Key principle: Answer the scenario, not the keyword: identify the specific constraint before choosing the most familiar-sounding option.
Answer analysis
Option-by-option breakdown
For each option: why learners choose it and why it is or isn't the right answer here.
- ✗
Use $scope.$broadcast to trigger a modal event
Why it's wrong here
Broadcasting events doesn't open a modal; you need a modal service.
- ✗
Use spModal.open with the record producer sys_id
Why it's wrong here
spModal.open is not a standard ServiceNow API.
- ✓
Use $uibModal.open to create a modal with a custom template
Why this is correct
$uibModal is the Angular UI Bootstrap service for modals.
Related concept
Read the scenario before looking for a memorised answer.
- ✗
Use window.open to open the record producer URL
Why it's wrong here
window.open opens a new window, not a modal.
Common exam traps
Common exam trap: answer the scenario, not the keyword
ServiceNow often tests the distinction between Service Portal-specific utilities (`spModal`) and general AngularJS UI Bootstrap (`$uibModal`), leading candidates to incorrectly choose `spModal.open` for complex modals like record producers.
Detailed technical explanation
How to think about this question
Under the hood, `$uibModal.open` creates a modal instance using Angular UI Bootstrap's modal service, which compiles a template and instantiates a controller in a new child scope. For record producers, the developer typically passes the sys_id as a resolve parameter to the modal controller, which then uses `spUtil.get` or a GlideAjax call to fetch the producer's details and render the form. A subtle behavior is that the modal's scope is isolated, so data must be passed via resolve or `$scope.$close` to return results.
KKey Concepts to Remember
- Read the scenario before looking for a memorised answer.
- Find the constraint that changes the correct option.
- Eliminate answers that are true in general but not in this case.
TExam Day Tips
- Watch for words such as best, first, most likely and least administrative effort.
- Review why wrong options are wrong, not only why the correct option is correct.
Key takeaway
Answer the scenario, not the keyword: identify the specific constraint before choosing the most familiar-sounding option.
Real-world example
How this comes up in practice
A network engineer segments a warehouse floor into three subnets: 20 scanners, 5 printers, and 2 management hosts. Picking the wrong mask wastes addresses or leaves too few usable hosts. Exam questions test whether you can apply CIDR notation, calculate block size, and identify the correct usable-host range for a given prefix.
What to study next
Got this wrong? Here's your next step.
Identify which exam domain this question belongs to, review the core concept, then practise similar questions from the same domain.
- →
Designing interfaces and user experiences — study guide chapter
Learn the concepts, then practise the questions
- →
Designing interfaces and user experiences practice questions
Targeted practice on this topic area only
- →
All SNOW-CAD questions
500 questions across all exam domains
- →
ServiceNow Certified Application Developer CAD study guide
Full concept coverage aligned to exam objectives
- →
SNOW-CAD practice test guide
How to use practice tests most effectively before exam day
Related practice questions
Related SNOW-CAD practice-question pages
Use these pages to review the topic behind this question. This is how one missed question becomes focused revision.
Working with Data practice questions
Practise SNOW-CAD questions linked to Working with Data.
Platform Features and Integration practice questions
Practise SNOW-CAD questions linked to Platform Features and Integration.
Integrating and managing application data practice questions
Practise SNOW-CAD questions linked to Integrating and managing application data.
Automating application logic with business rules and scripts practice questions
Practise SNOW-CAD questions linked to Automating application logic with business rules and scripts.
Application development using ServiceNow Studio practice questions
Practise SNOW-CAD questions linked to Application development using ServiceNow Studio.
Creating and customizing tables and data practice questions
Practise SNOW-CAD questions linked to Creating and customizing tables and data.
Designing interfaces and user experiences practice questions
Practise SNOW-CAD questions linked to Designing interfaces and user experiences.
Core Application Development practice questions
Practise SNOW-CAD questions linked to Core Application Development.
User Interface Development practice questions
Practise SNOW-CAD questions linked to User Interface Development.
SNOW-CAD fundamentals practice questions
Practise SNOW-CAD questions linked to SNOW-CAD fundamentals.
SNOW-CAD scenario practice questions
Practise SNOW-CAD questions linked to SNOW-CAD scenario.
SNOW-CAD troubleshooting practice questions
Practise SNOW-CAD questions linked to SNOW-CAD troubleshooting.
Practice this exam
Start a free SNOW-CAD practice session
Short sessions build daily habit. Longer sessions build exam-day stamina. Try a timed session to simulate real conditions.
FAQ
Questions learners often ask
What does this SNOW-CAD question test?
Designing interfaces and user experiences — This question tests Designing interfaces and user experiences — Read the scenario before looking for a memorised answer..
What is the correct answer to this question?
The correct answer is: Use $uibModal.open to create a modal with a custom template — Option C is correct because Service Portal widgets use AngularJS, and the standard way to open a modal with a custom template (such as a record producer form) is via `$uibModal.open`. This method allows the developer to specify a controller, template, and resolve data, giving full control over the modal's behavior and content. Record producers are typically rendered inside a custom template, not directly via a sys_id parameter.
What should I do if I get this SNOW-CAD question wrong?
Identify which exam domain this question belongs to, review the core concept, then practise similar questions from the same domain.
What is the key concept behind this question?
Read the scenario before looking for a memorised answer.
About these practice questions
Courseiva creates original exam-style practice questions with explanations and wrong-answer analysis. It does not publish real exam questions, exam dumps, or protected exam content. Learn why practice questions differ from exam dumps →
Last reviewed: Jun 30, 2026
This SNOW-CAD practice question is part of Courseiva's free ServiceNow certification practice question bank. Courseiva provides original exam-style practice questions with explanations, topic-based practice, mock exams, readiness tracking, and study analytics to help learners prepare for the SNOW-CAD exam.
Question Discussion
Share a tip, memory trick, or ask about the reasoning behind this question. Do not post real exam questions, leaked content, braindumps, or copyrighted exam material. Comments are moderated and may be removed without notice.
Sign in to join the discussion.