Customization
You can customize the AuthenteqFlow appearance with a custom color scheme by extending the AuthenteqThemeBaseclass:
styles.xml<resources><style name="AuthenteqCustom" parent="AuthenteqThemeBase"><item name="aq_logo_style">dark</item><item name="aq_primaryColor">#FF6D33</item><item name="aq_disabledColor">#8833B3CC</item><item name="aq_windowBackgroundColor">#FFFFFF</item><item name="aq_boxBackgroundColor">#464646</item><item name="aq_textColor">#BAC7BF</item><item name="aq_formHintColor">#BAC7BF</item><item name="aq_selectedButtonTextColor">#454A51</item><item name="aq_selectedButtonBackgroundColor">#00EFFF</item><item name="aq_textFontFamily">@font/font_custom</item><item name="aq_instructionImageForPassport">@drawable/instruction_passport</item><item name="aq_instructionImageForDriversLicense">@drawable/identification_driver_license</item><item name="aq_instructionImageForIdCard">@drawable/identification_national_id</item><item name="aq_instructionImageForSelfie">@drawable/identification_selfie</item></style></resources>
Attribute name | Type | Description |
| enum | Type of Authenteq log. Possible values: |
| color | Primary color of your color scheme |
| color | Disabled color of your color scheme (would be semi transparent primary color) |
| color | Text color |
| color | Text color for hints |
| font-family | Font family. |
| color | Background color for all screens |
| color | Background color for fields at Scan document review and Contact support screens |
| color | Color for selected buttons text |
| color | Background color for selected buttons |
| drawable | Custom image for passport scan instructions. We recommended using images smaller than 300dp |
| drawable | Custom image for driver's license instructions. We recommended using images smaller than 300dp |
| drawable | Custom image for id card instructions. We recommended using images smaller than 300dp |
| drawable | Custom image for taking selfie instructions. We recommended using images smaller than 300dp |
| reference | Custom image/animation for NFC chip presence verification instructions in the document. Resource can be Image or MPEG/Lottie file animation. |
| reference | Custom image/animation for NFC document scan instructions. Resource can be Image or MPEG/Lottie file animation. |
| reference | Custom image/animation for NFC document inside scan instructions. Resource can be Image or MPEG/Lottie file animation. |
| drawable | Custom image for proof of address scan instructions. We recommend using images smaller than 300dp |
| drawable | Custom icon for ID document. We recommend using images smaller than 250dp |
| drawable | Custom icon for proof of address. We recommend using images smaller than 250dp |
See detailed guide about how to create custom font family https://developer.android.com/guide/topics/ui/look-and-feel/fonts-in-xml​
SDK requires next font-family structure
<?xml version="1.0" encoding="utf-8"?><font-family xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"><fontandroid:fontWeight="400"android:font="@font/custom_regular"android:fontStyle="normal" /><fontandroid:fontWeight="700"android:font="@font/custom_bold"android:fontStyle="normal" /><fontapp:fontWeight="400"app:font="@font/custom_regular"app:fontStyle="normal" /><fontapp:fontWeight="700"app:font="@font/custom_bold"app:fontStyle="normal" />​</font-family>
You can apply it at
AndroidManifest.xml
AndroidManifest.xml<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"package="com.authenteq.android.flow.sample">​<applicationandroid:name=".App"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:theme="@style/AppTheme">...<activityandroid:name="com.authenteq.android.flow.ui.identification.IdentificationActivity"android:theme="@style/AuthenteqCustom"tools:replace="android:theme"/>...</application></manifest>
You can use created theme as input parameter for start activity methods
public void startIdentification(){IdentificationActivity.startForResult(this,MY_REQUEST_CODE,null,"<client id>","client secret",documents,R.style.AuthenteqCustom);}
