604
edits
No edit summary |
No edit summary |
||
Line 119: | Line 119: | ||
== Styling == | == Styling == | ||
The provided plugin is delivered with basic styling, however it implements an open architecture that allows implementers to add CSS overrides. Adding CSS overrides is beyond the scope of this article. | The provided plugin is delivered with basic styling, however it implements an open architecture that allows implementers to add CSS overrides. Adding CSS overrides is beyond the scope of this article. | ||
== Overriding Default Registration Workflow == | |||
By default, if a user is not logged in, we will display the 3B Form responsible for registering users through the field path <code>jobRegFormPath</code>. If you wish to override this behaviour and implement a custom registration page, override the <code>alternativeApplicationPage</code> attribute of the component with the URL of the page that will be handing the user registrations. | |||
The custom page that handles user registrations must fire an iFrame event where the event.data.event_id is set to "3bforms" and the path <code>event.data.contactId</code> is set to the newly created/retreived Contact Id, see the example below:<syntaxhighlight lang="javascript" line="1"> | |||
window.parent.postMessage( | |||
{ | |||
event_id: '3bforms', | |||
data: { | |||
contactId: ... | |||
} | |||
}, | |||
"*" | |||
); | |||
</syntaxhighlight>Note that the plugin will automatically add the following URL parameters to the override page: jobId | |||
== Overriding Default Application Workflow == | |||
By default, we will display a 3B Form defined in the field path <code>jobAppFormPath</code>. You can override this behaviour by specifying a web page in the <code>alternativeApplicationPage</code> attribute. | |||
Just like overriding the default registration workflow, you need to fire a message event where the event.data.event_id is set to "3bforms" and the path <code>event.data.appId</code> is set to the newly created application record id, see the example below:<syntaxhighlight lang="javascript"> | |||
window.parent.postMessage( | |||
{ | |||
event_id: '3bforms', | |||
data: { | |||
appId: ... | |||
} | |||
}, | |||
"*" | |||
); | |||
</syntaxhighlight>Note that the plugin will automatically add the following URL parameters to the override page: jobId, userId and appId (if available) | |||
[[Category:3B Onboarding]] | [[Category:3B Onboarding]] |