ARwayKit SDK
❱ HOMEPAGE⚎ DEVELOPER PORTAL
  • Introduction
  • Change Log
  • FAQ
  • ARWAY SDK
    • Getting Started
    • Building from the Source Code
    • Integrating the Unity Package
    • Managing App Localizations
      • Enabling Right-to-Left (RTL) Text
    • Sample Scenes
      • Dashboard
      • AR Map Session
    • Branding the Sample App
      • Replacing ARway Logos in the Sample App
    • Third Party
    • SDK Upgrade Guide
      • 3.1.0 -> 3.1.4
      • 3.0.1 -> 3.1.0
      • 3.0.0 -> 3.0.1
      • 2.5.1 -> 3.0.0
      • 2.3.1 -> 2.5.1
      • 2.3 -> 2.3.1
    • Enhancing the Sample App
      • Instant Location Pin Navigation
      • Customizing the Default Navigation Arrow
      • Initializing AR Using an IAP
  • Maps Studio
    • Overview
    • Maps Studio
      • Creating a Map
      • Editing Map Details
      • Uploading Content
      • QR Codes
      • Image Access Points (IAPs)
      • Floorplans
      • Using the Editor
      • Occlusion
      • Analytics
  • ARwayKit SDK Integrations
    • Flutter
      • Quickstart in Flutter
    • React Native
      • Quickstart in React Native
    • Android Kotlin
      • Quickstart in Android Kotlin
    • Android Java
      • Quickstart in Android Java
    • iOS Swift
      • Quickstart in iOS Swift
  • Deep Linking
    • What is Deep Linking?
    • Creator Portal Changes
    • Modifying the SDK
    • Configuring Server Files
  • DEVELOPER FEEDBACK
    • Support
Powered by GitBook
On this page
  • Modifying the dashboard scene
  • Changing the default logo
  • Modifying the text
  • Changing the background color
  1. ARWAY SDK

Branding the Sample App

How to brand the sample app

PreviousAR Map SessionNextReplacing ARway Logos in the Sample App

Last updated 1 year ago

After following the previous steps, the sample app can be further modified to change the branding. In this example, we will be modifying the default text and images in the sample app.

Modifying the dashboard scene

The dashboard contains the ARway logo and text for the user to edit by default, and these elements can be changed in the Unity editor. The majority of the UI elements can be modified from the Hierarchy window in Unity. This guide will showcase how to modify some of these elements.

Changing the default logo

In this example we will be modifying the ARway logo.

  1. To add the new logo image to the Assets in Unity, navigate to the project window and select "Assets -> ARway -> ViewerMode -> 1_UI -> Dashboard". From here, you can drag and drop your new logo into the Splash folder in the Project window.

Select the uploaded logo, change the "Texture Type" to "Sprite (2D and UI)" and the "Sprite Mode" to "Single", and then click on "Apply" at the bottom.

  1. Navigate to "Dashboard -> Canvas -> DashboardPage -> Scroll View -> Viewport -> Content -> ScanQRPanel -> Background -> Branding" in the Unity Hierarchy window.

  1. Now select the "logo" prefab from the Hierarchy window and change the "Source Image" to the new logo.

  1. In this case, the second prefab "name" under branding is deleted as only one logo is needed.

  2. Modify the positioning and size of the logo in the "Inspector" window.

Modifying the text

Next, we will modify the text that is displayed on the dashboard.

In the Hierarchy window, navigate to the section "Dashboard -> Canvas -> DashboardPage -> Scroll View -> Viewport -> Content -> ScanQRPanel -> Background" and select the 'Sub Text' object. In the "Text" input field in the Inspector window, update the text to your desired content.

Changing the background color

In the Hierarchy window, go to the section Dashboard -> Canvas -> DashboardPage -> dashboard_bg. Then in the Inspector window change to color of the dashboard to match your branding.

Dashboard scene
Dashboard folder in Unity
Uploading new logo
Unity Hierarchy window
Swapping the logo
Editing the position of the logo
Editing the subtext
Modifying the background color