7/29/2019 UI8 pdf

1/17

Popups

A popup is a location with a single screen and returns the

user to the previous location once the popup is closed- Automatically has "Return to " link

7/29/2019 UI8 pdf

2/17

Why not use true popups?

An industry-standard popup is a UI form displayed in an

entirely separate window Guidewire avoids true popups because of:

- Potential synchronization problems with Internet Explorer

when passing context and objects between windows

-User tendency to have popup blockers

Guidewire popups provide almost all the functionality of

true popups while avoiding these issues

7/29/2019 UI8 pdf

3/17

Typical use cases for popups

Viewing and editing existing objects

Creating new objects

Executing "popped" searches

Popup PopupPopup

new

object

selected

object

7/29/2019 UI8 pdf

4/17

Viewing and editing existing objects

popup

7/29/2019 UI8 pdf

5/17

Creating new objects

popup

7/29/2019 UI8 pdf

6/17

Executing "popped" searches

popup

7/29/2019 UI8 pdf

7/17

Lesson outline

Popup basics

View/edit object popups

7/29/2019 UI8 pdf

8/17

Widgets involved in view/edit popups

popup(FlagEntryPopup)

navigation widget(in FlagEntriesLV)

inner detail view

(FlagEntryDV)

screen (inline in popup)

7/29/2019 UI8 pdf

9/17

Steps to create a view/edit object popup

1. Create inner detail view

2. Create popup file

3. Specify the popup properties

4. Specify the popup variables

5. Specify the popup entry point6. Create screen and reference detail view

7. Configure the navigation widget

8. Reload the metadata

7/29/2019 UI8 pdf

10/17

Step 1: Create inner detail view

Inner detail view created

in same manner as any

other detail view

- If inner detail view does

not need to be reusable,

it can instead be createdinline as part of step 6

7/29/2019 UI8 pdf

11/17

Step 2: Create popup file

"Popup" automatically

appended to endof file name

7/29/2019 UI8 pdf

12/17

Step 3: Specify popup properties

title - sets top label

canEdit - if false, no

container or widget

in location's screen

is editable

canVisit - if false, no

widget navigating to

location is

visible/clickable startInEditMode -

determines if popup

starts in read-only

or edit mode

7/29/2019 UI8 pdf

13/17

Step 4: Specify popup variables

One variable needed for every object passed to popup

7/29/2019 UI8 pdf

14/17

Step 5: Specify popup entry point

An entry point is a reference used by widgets to navigate

to a given location

Syntax:popupName( objName : objType )

- Can specify multiple comma-delimited objects

7/29/2019 UI8 pdf

15/17

Step 6: Create screen and reference DV

A. Add a screen to popup

B. Add a panel ref to screen

that references inner detail

view

Use def property

C. If necessary, add toolbar and

add Edit buttons to toolbar

7/29/2019 UI8 pdf

16/17

Step 7: Configure the navigation widget

Syntax: entryPointName.push( objectList)

FlagEntryPopup

FlagEntriesLV

7/29/2019 UI8 pdf

17/17

Step 8: Reload the metadata

Deploy UI changes by pressing ALT + SHIFT + L