User Account Component (Mobile QB)

Login/Logout User Account Component Screen for Mobile QuickBrick

Overview

The User Account Component enables customers to configure Login/Logout actions from a dedicated section in application. The plugin opens a Screen that allows the user to Login/Logout.

For example, the screen can be triggered from the side menu.

Supported Platforms

Platform	Plugin Version
iOS QB	0.10.1
Android QB	0.3.0

Supported Integrations

Adobe Primetime Authentication

Features

Configure a screen to Login which can be triggered from the side menu of the application.
Configure a screen to Logout which can be triggered from the side menu of the application.

Prerequisites

The application needs to have a compatible login plugin previously configured (ie: the plugin must implement at least the Login and Logout methods of the login Protocol).

The UAC will automatically start the login/logout process related to the specific login plugin.

Adding the plugin to your application

In the plugin configuration under the section UI Component you should see the plugin as follows:

Configuring the plugin

1.- Open the layout used by your application. Once in App Studio, add the Quick Brick User Account Component screen to your layout.

2.- Go to the Navigation section of your layout and add a new item.

3.- Select the new item added to the side menu and link the User Account Component screen to it, using the item configuration section.

* The default name of the plugin screen is “Quick-Brick-User-Account 1”. Please be sure to change the name to something more identifiable and user friendly such as “Login/Logout”.

Personalization

Colors and texts can be modified using the plugin configuration under the section screen design and text. Please use the following schematic as reference:

Log In Status

#	Component	Personalization
1	Instructions	Text Font Size Text color
2	Login Button	Image Asset
3	Login Text	Text Font Size Text color

Log Out Status

#	Component	Personalization
1	Greetings	Text Font Size Text color
2	Logout Button	Image Asset
3	Logout Text	Text Font Size Text color

Image Assets

The login and logout action buttons can be personalized using image assets. Sample assets can be found here: https://drive.google.com/open?id=1ZicI_cUbbWrP6Fi47C0rk1oexCsv3vlt

To upload these assets please go to the Plugin Configuration section of your application version. Please keep in mind that every platform(Android, iOS) requires its own assets.