Gluedin

Introduction

This document shares detailed integration steps to customized the Bottom Navigation Bar of the GluedIn SDK.

Steps to Integrate

Below are the define steps to follow if you want to customized the Bottom Navigation Bar of the GluedIn SDK.

Note:Currently only No Code GluedIn SDK have this support.

Integrate the Android No Code GluedIn SDK into your app by following the steps mentioned in the Link.
While initializing the GluedIn SDK, use the “setCustomNavigationMenu" method to send the customize menu options. This method accepts the mutable map as a parameter.
```
setCustomNavigationMenu(getCustomNavigationMenu())
```

You need to create menu map of the Custom menus using the “MenuItem" class of GluedIn SDK. Refer the code below


  private fun getCustomNavigationMenu(): MutableMap {
 val map = mutableMapOf()
 map[BottomBarItemType.CUSTOMISED.name] = getMyHome()
 map[BottomBarItemType.Feed.name] = getCustomFeedMenu()
 return map
}

private fun getMyHome(): MenuItem {
    return MenuItem(
            title = "Home", icon = R.drawable.ic_home, type = BottomBarItemType.CUSTOMISED, uriAction = "uri_action"
    )
}

private fun getCustomFeedMenu(): MenuItem {
    return MenuItem(
            title = "My Feed", icon = R.drawable.ic_feed, type = BottomBarItemType.FEED
    )
}

You can change the background color of the Bottom Navigation Menu by adding below color code in "gluedin_configurations.json" file. Refer the code below:

{
  "themeConfig": {
  "appColor": {
  "buttonColor": "",
  "tabBarColor": "",
  "textPrimaryColor": "",
  "textSecondaryColor": "",
  "disableBackgroundColor": "",
  "defaultColor": "",
  "inActiveColor": "",
  "buttonGradientColor": "",
  "bottomBarBackgroundColor": "" // set the background color of the navigation menu
},
  "appFont": {
  "regular": "",
  "medium": "",
  "bold": ""
    }
  }
}

Limitations

You can add only one menu of your own choice.
You can only customize the Icon & Name of the default menus.

selected title