Step 3 - Skinning Account Management Flow

Overview

The purpose of this guide is for game makers to customize the look and feel of an existing Beamable Feature PrefabFeature Prefab - The drag-and-drop template for a specific Beamable product feature.

Here is everything needed to use the Skinning feature in the "Beamable SDK for Unity". Or watch this video.

Steps

Follow these steps to get started.

Here the sign-in button will be restyled from blue background to a custom color.

🚧

Requirements

The content below continues directly after Using Account Management Flow. Be sure to complete those steps before continuing.

Step

Detail

  1. Open the "Theme Manager" Window

• Unity → Window → Beamable → Open Theme Manager

Result: Initially, the Theme Manager window shows very little content within it because nothing is selected

  1. Select the "Account Management Flow" Prefab

• Select this Prefab in the Unity Hierarchy Window

Result: Now the Theme Manager window shows style content for the selected item

  1. Select the style for the sign-in button

• Select the "ButtonPrimary" GameObject in the Unity Hierarchy Window

  1. Select a style property

• Select the gradient background in the Content Manager Window

  1. Change the value

• Set the color to yellow

User Interface

When setup properly, the player's user interface in the game project will be as follows.

Before Customization

After Customization


Did this page help you?