Change colors, fonts, buttons
The BAGTAG EBT Framework can be customised to match the airline’s app. See below for a simple example.
iOS
Android
iOS
The BAGTAG EBT Framework can be customised by creating a Theme object. The Theme object contains design elements like fonts, colors, TextStyles and ButtonStyles.
The Theme object contains all your personalized styling. Including the font, custom TextStyles and ButtonStyles.
let theme = Theme() theme.colorStyles = [ ... ] theme.textStyles = [ ... ] theme.buttonStyles = [ ... ]
Android
Color configuration
The file app/src/main/res/values/colors.xml is used to configure the colors for the interface.
<?xml version="1.0" encoding="utf-8" standalone="no"?> <resources> <color name="bagtag_background_secondary">@android:color/white</color> <color name="bagtag_button_outline">@color/bagtag_background</color> <color name="bagtag_button_outline_ripple">#F2F2F2</color> <color name="bagtag_button_primary">#E37222</color> <color name="bagtag_progress">@android:color/white</color> <color name="bagtag_text_default">@android:color/white</color> <color name="bagtag_text_description">#0D3850</color> <color name="bagtag_text_error">#E00034</color> <color name="bagtag_text_hint_color">#003145</color> <color name="bagtag_text_title">#3AABE5</color> <color name="bagtag_background">#00A1DE</color> <color name="bagtag_color_icontint">@android:color/white</color> </resources>
Styles
The file app/src/main/res/values/styles.xml is used to configure the style of the elements of the interface.
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <resources> <style name="Button" parent="Widget.AppCompat.Button"> <item name="android:textAllCaps">false</item> <item name="android:textSize">@dimen/text_size_medium</item> <item name="android:fontFamily">@font/font_button</item> <item name="android:padding">@dimen/button_padding</item> </style> <style name="Button.bagtag_button_primary" parent="Button"> ...
</style>
<style name="Button.bagtag_button_secondary" parent="Button">
...
</style>
<style name="bagtag_textstyle_h1" parent="Widget.AppCompat.TextView"> ...
</style>
...
</resources>
Looks great! What's next?
The BAGTAG EBT Framework supports localisation, and allows you to set the right tone-voice to your passengers.
Any questions about integration? Reach out to integration@bagtag.com
Any questions about integration? Reach out to integration@bagtag.com