Bottom Bar Customization - GluedIn
Introduction
This document shares detailed integration steps to customized the Bottom Navigation Bar of the GluedIn SDK.
Pre-Requisites
  • If Android studio is not installed on your machine, please download from here and install.
  • Min Requirements for Gluedin Android SDK
  • minSDK – 23
  • Max compileSDK – 32
  • Min complieSDK - 29
  • Max targetSDK – 32
  • Min targetSDK - 29
  • Min Java Version – 11.0
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.