Skip to content

Queue list view

Pallab edited this page Oct 1, 2021 · 2 revisions
Ninchat queue list view is shown with a list of available audience queues from the site config. A customer can pick a queue from the list by clicking. Using these mention resource(s), an integration can change the view according to their design spec

Queue list view is divided into two parts.

  • Upper part contains a welcome message, no queue text, and a list of queue.
  • Bottom part contains a message of the day ( motd )
  • Upper part of the view
    • Background color Background of the upper part. Android color resource
      • ninchat_color_background_top
    • Welcome message By default welcome message is bold styled. It also supports markdown syntax.
      • Text color Android color resource
        • ninchat_color_text_top
    • No queue text When there are no active audience queues from the site config, SDK shows no queue text message
      • Text color Android color resource
        • ninchat_color_text_top
    • Close button User can use this button to exit the chat from the queue list view. It is shown at the end of all available queue lists. It uses the following style. We can extend or override the following style component and have our custom view. It is an android style resource
      • NinchatTheme.Button.Close
      • Or we can use part of the style components to change partial view components
        • Background. Android drawable resource
          • ninchat_chat_secondary_button
        • Text color. Android color resource
          • ninchat_color_button_secondary_text
    • Queue list
      • Each item of the queue list use the following stylecomponent. We can extend or override the following style component and have our custom queue item view.
        • NinchatTheme.Button.Queue.Item . It extends NinchatTheme.Button style as the default style.
  • Bottom part
    • We can set Message of the day ( motd ) from site config and it will be shown in this view. It also support markup syntax
      • Background color. Background of the lower part. Android color resource
        • ninchat_color_background_bottom
      • Text color Android color resource
        • ninchat_color_text_bottom
Clone this wiki locally