509 lines
25 KiB
HTML
509 lines
25 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
|
||
<title></title>
|
||
<meta name="generator" content="LibreOffice 25.2.3.2 (Linux)"/>
|
||
<meta name="created" content="2026-05-15T09:28:08.898968877"/>
|
||
<meta name="changed" content="2026-05-15T14:23:21.219599799"/>
|
||
<style type="text/css">
|
||
@page { size: 21cm 29.7cm; margin: 2cm }
|
||
p { margin-bottom: 0.25cm; line-height: 115%; background: transparent }
|
||
h1 { margin-bottom: 0.21cm; background: transparent; page-break-after: avoid }
|
||
h1.western { font-weight: bold; font-size: 18pt; font-family: "Liberation Sans", sans-serif }
|
||
h1.cjk { font-weight: bold; font-size: 18pt; font-family: "UKIJ CJK" }
|
||
h1.ctl { font-weight: bold; font-family: "FreeSans"; font-size: 18pt }
|
||
h2 { margin-top: 0.35cm; margin-bottom: 0.21cm; background: transparent; page-break-after: avoid }
|
||
h2.western { font-weight: bold; font-size: 16pt; font-family: "Liberation Sans", sans-serif }
|
||
h2.cjk { font-weight: bold; font-size: 16pt; font-family: "UKIJ CJK" }
|
||
h2.ctl { font-weight: bold; font-family: "FreeSans"; font-size: 16pt }
|
||
td p { widows: 0; orphans: 0; background: transparent }
|
||
</style>
|
||
</head>
|
||
<body lang="en-GB" link="#000080" vlink="#800000" dir="ltr"><h1 class="western">
|
||
What do we do about the bottom (of the member’s Portal)?</h1>
|
||
<p>The goal of this document is to provide an improved design of the
|
||
bottom panes.</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">Problems:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">The user
|
||
doesn’t necessarily understand the language use</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">They
|
||
undoubtedly won’t understand the model of a progression of
|
||
application states</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">They won’t
|
||
want to read too much</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">They want a
|
||
clear indication of what they can and should do next</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">They can’t do
|
||
or don’t know how to do something they reasonably want to do</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">They won’t
|
||
know in advance the effect of pressing save / submit</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">The goals are the
|
||
resolution of these problems:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Use simple
|
||
language, avoid jargon (e.g. “boxes” vs “fields”)</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Make the state
|
||
explicit in terms they can understand</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Be brief</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Tell them what
|
||
they should do next</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">If something is
|
||
not possible because of the state of the form, tell them how to fix
|
||
it</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Tell them what
|
||
is going to happen before they commit to pressing a button</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">(some of these goals
|
||
are in tension)</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">Underlying states of
|
||
a record:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">New (not yet
|
||
saved)</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Draft (saved,
|
||
not submitted)</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Pending
|
||
(submitted)</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Member /
|
||
Affiliate (approved by MC)</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">The “changed
|
||
state” of the form can also be:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">clean (new /
|
||
reviewing)</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">dirty (editing)</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">And the validation
|
||
of the form can be:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Not valid for
|
||
save as draft (missing Organisation name, Contact 1 name or Contact
|
||
1 email)</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Valid for save
|
||
as draft, not valid for submit (missing required field(s))</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Valid for
|
||
submit / update (required fields present)</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Not valid for
|
||
update (missing required field(s))</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">The actions are:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Save as draft</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Update draft</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Submit
|
||
application</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Update
|
||
application</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Update
|
||
member/affiliate record</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">The effects of
|
||
actions are:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Create a new
|
||
record (draft)</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Update an
|
||
existing record with (draft → pending) or without (pending,
|
||
member/affiliate) state change</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Generate an
|
||
email to contact 1 with details and access token</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Generate an
|
||
email to FECA officers with details</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<h2 class="western">User interface generally</h2>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">The bottom area
|
||
(below the public contact pane) holds one or more action panes. Each
|
||
action pane is related to a single possible action. Each pane may
|
||
or may not be visible depending on the state of the record and form.</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">More precisely an
|
||
action pane is in one of three states:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Not visible –
|
||
the action is irrelevant</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Visible but
|
||
disabled – the action is a possible next step, but there is
|
||
something to do first</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Visible and
|
||
enabled – the action can be performed</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">The action pane
|
||
consists of:</p>
|
||
<ul>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">A rounded
|
||
boundary rectangle to tie the components of the pane together</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">A title</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">A button with a
|
||
legend, which performs the indicated action when pressed</p></li>
|
||
<li><p style="line-height: 100%; margin-bottom: 0cm">Explanatory
|
||
text to the right of the title and button, which varies according to
|
||
enable/disable state</p></li>
|
||
</ul>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm">The following
|
||
conditions, along with the app’s overall state are used to control
|
||
the action panes.</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<table width="100%" cellpadding="4" cellspacing="0">
|
||
<col width="83*"/>
|
||
<col width="173*"/>
|
||
<tr valign="top">
|
||
<td width="32%" style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0.1cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Condition</b></p>
|
||
</td>
|
||
<td width="68%" style="border: 1px solid #000000; padding: 0.1cm"><p>
|
||
<b>Definition</b></p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="32%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
Save as Draft Valid</p>
|
||
</td>
|
||
<td width="68%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Organisation Name, Contact 1 First Name and Last Name and Contact
|
||
1 Email specified</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="32%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
Form Complete</p>
|
||
</td>
|
||
<td width="68%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
All required fields are present</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<h2 class="western">Save As Draft</h2>
|
||
<table width="100%" cellpadding="4" cellspacing="0">
|
||
<col width="64*"/>
|
||
<col width="192*"/>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0.1cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Title / Button Legend</b></p>
|
||
</td>
|
||
<td width="75%" style="border: 1px solid #000000; padding: 0.1cm"><p>
|
||
Save As Draft</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Pane Visible When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Editing a new FECA application</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Button Enabled When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Save as Draft Valid</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Disabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Fill in the ** boxes (replacing ** with a list of the fields
|
||
missing from the Save as Draft Valid condition)</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Enabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
You can save this as a draft application. You will receive an
|
||
email with a link that will enable you to continue working on it.</p>
|
||
<p>FECA officers will not be notified and will not take any action
|
||
on draft applications.</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<p><br/>
|
||
<br/>
|
||
|
||
</p>
|
||
<p><br/>
|
||
<br/>
|
||
|
||
</p>
|
||
<p><br/>
|
||
<br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<h2 class="western">Update Draft</h2>
|
||
<table width="100%" cellpadding="4" cellspacing="0">
|
||
<col width="64*"/>
|
||
<col width="192*"/>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0.1cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Title / Button Legend</b></p>
|
||
</td>
|
||
<td width="75%" style="border: 1px solid #000000; padding: 0.1cm"><p>
|
||
Update Draft</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Pane Visible When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Editing an existing draft application</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Button Enabled When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Save as Draft Valid</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Disabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Fill in the ** boxes (replacing ** with a list of the fields
|
||
missing from the Save as Draft Valid condition)</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Enabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
You can update your draft application.
|
||
</p>
|
||
<p>FECA officers will not be notified and will not take any action
|
||
on draft applications.</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<h2 class="western">Submit Application</h2>
|
||
<table width="100%" cellpadding="4" cellspacing="0">
|
||
<col width="64*"/>
|
||
<col width="192*"/>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0.1cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Title / Button Legend</b></p>
|
||
</td>
|
||
<td width="75%" style="border: 1px solid #000000; padding: 0.1cm"><p>
|
||
Submit Application</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Pane Visible When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Editing a new or existing draft application</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Button Enabled When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Form Complete</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Disabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Fill in the ** boxes (replacing ** with a list of the fields
|
||
missing from the Form Complete condition)</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Enabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
You can submit your application. You will receive an email with a
|
||
link that will enable you to make changes to it after submission.</p>
|
||
<p>FECA officers will be notified and will consider your
|
||
application at their next meeting. They will get back to Contact 1
|
||
with the outcome.</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<h2 class="western">Update Application</h2>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<table width="100%" cellpadding="4" cellspacing="0">
|
||
<col width="64*"/>
|
||
<col width="192*"/>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0.1cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Title / Button Legend</b></p>
|
||
</td>
|
||
<td width="75%" style="border: 1px solid #000000; padding: 0.1cm"><p>
|
||
Update Application</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Pane Visible When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Editing an existing pending application</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Button Enabled When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Form Complete</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Disabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Fill in the ** boxes (replacing ** with a list of the fields
|
||
missing from the Form Complete condition)</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Enabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
You have made changes to your details. You can update your member
|
||
record. You will receive an email with a confirmation of changes
|
||
made.</p>
|
||
<p>FECA officers will be notified of these changes.</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<h2 class="western">Update Member/ Affiliate record</h2>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
<table width="100%" cellpadding="4" cellspacing="0">
|
||
<col width="64*"/>
|
||
<col width="192*"/>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0.1cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Title / Button Legend</b></p>
|
||
</td>
|
||
<td width="75%" style="border: 1px solid #000000; padding: 0.1cm"><p>
|
||
Update Member record / Update Affiliate Member record (depending
|
||
on account.type.slug == “member” or “affiliate”)</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Pane Visible When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Editing an existing member/affiliate record</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Button Enabled When</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Form Complete</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Disabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
Fill in the ** boxes (replacing ** with a list of the fields
|
||
missing from the Form Complete condition)</p>
|
||
</td>
|
||
</tr>
|
||
<tr valign="top">
|
||
<td width="25%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: none; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0cm"><p>
|
||
<b>Panel “Enabled” Text</b></p>
|
||
</td>
|
||
<td width="75%" style="border-top: none; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 0cm; padding-bottom: 0.1cm; padding-left: 0.1cm; padding-right: 0.1cm"><p>
|
||
You have made changes to your details. You can update your member
|
||
record. You will receive an email with a confirmation of changes
|
||
made.</p>
|
||
<p>FECA officers will be notified of these changes.</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<p style="line-height: 100%; margin-bottom: 0cm"><br/>
|
||
|
||
</p>
|
||
</body>
|
||
</html> |