Customizing Module UI

Introduction

This is a tutorial to override the default UI that comes with our packages. We will override the leaderboard UI with our leaderboards package in this example.

Instructions

Basic Steps

Prepare a folder to store the new prefab variants in your project. For this example, we will be using Assets/PrefabVariants
Navigate to the prefab that contains the package’s UI
Drag and drop the prefab to a scene in unity
Drag and drop this prefab instance from the scene to the folder you created to store your prefab variants
When the dialog opens, select Prefab Variant option
Now you have a prefab variant that you have complete control over. You can open and edit that prefab variant.

💡

The additional steps below are only needed if you modify a UI with a dynamic entry system, such as leaderboards (where one entry is created per user in that leaderboard), or messaging system (where one message entry is created per message).

Since in this example we are overriding leaderboard UI, we may also need to follow the same steps for LeaderboardEntry prefab. Notice how the newly created Leaderboard Panel prefab still has reference to the original LeaderboardEntry prefab provided by the package

Follow the same steps to create a prefab variant of Leaderboard Entry prefab
Change the reference in the Leaderboard Panel prefab variant, from original Leaderboard Entry prefab to the new Leaderboard Entry prefab variant that you have just created

Now you have full control over all leaderboard UI