Please enable JavaScript.
Coggle requires JavaScript to display documents.
:checkered_flag: NOK Flyout Redesign :checkered_flag: (Flyout UI (Displays…
:checkered_flag: NOK Flyout Redesign :checkered_flag:
Flyout UI
Resizes vertically based on displayed buttons
Displays
NOK Name
First Names= 26px
Above surname
Names too long to display, will be truncated with an ellipsis
Surname = 21px
Below First names
NOK Relationship
Relationship Badge to the left
If not a standard relationship display F
If no NOK display "No next of kin available"
Up to four NOK flyouts display one below the other in order NOK1, NOK2, NOK3 etc, then Doctor, Solicitor etc.
A scroll bar is available
Maximum dimensions of flyout is H960px by W750px
If Flyout contains more NOK than can display in the maximum height, a scroll bar is displayed on the right side of the flyout
Buttons
Multiple buttons for each type can display
3rd Work phone
Phone icon + W
#
1st Cellphone
Text icon then phone number
Tapping on button presents Send a Text slideout
4th email
@ icon
Tapping on button presents send an email slideout
2nd Home Phone
Phone icon + H
Tapping on button presents Record a phone conversation slideout
Buttons are blue with white font
Phone Button size is W 260px by H 60px
Phone number max font size = 26px
Phone number min font size = 18px
The font used to display the phone number will shrink dynamically to fit to the button
email button size is W 260px by H as required
email address displays font = 18px
Text wraps as required
Comments
Resizes vertically based on amount of text
Red speech bubble icon containing an elipses
Icon displays only if there are comments sent from VCare
Icon and comments display beneath Photo
Text is left justified
Font size = 21px
Text is indented to the right of the comment icon
Photo
Camera icon displays in bottom left
Icon is white background with black camera
If no photo, display placeholder
Selecting the photo invokes the camera
The new photo replaces the existing photo/placeholder on the flyout
Where NOK is also a resident, the photo updates to their resident record
Where NOK is primary NOK photo is displayed on the selected resident's dashboard
Camera window can be cancelled by using the X at the top right.
Cancelling the camera window will return focus to the resident dashboard