Skip to content

Customization Instructions

Jump to bottom
Anirudh S edited this page Mar 17, 2015 · 2 revisions

i. Customizing the Navigation Bar

These properties control the look of the NavigationBar across all the helpStack screens.

  • NavigationBarAttributes

    • BackgroundColor Navigation bar background color
    • BackgroundImage Navigation bar background image, you either give an image or specify a color
    • TitleFont Navigation bar title Font
    • TitleSize Navigation bar title font size
    • TitleColor Navigation bar title font color
    • ButtonTintColor Navigation bar button tint color.

HelpStacktheme

ii. Customizing the Background

You can specify a background color or an image which is included in your resources directory to be set as the Background of all the helpStack screens.

  • BackgroundImageName Specify the name of the image included in your project, which has to be applied as the background
  • BackgroundColor Background color. You can either specify a color or include an image.

iii. Customizing the TableView

These tableView properties are applied to the main list view which shows up the FAQs and Issues.

  • TableViewAttributes

    • TableBackgroundColor Background color of the Table View
    • SeparatorColor TableView separator Color
    • CellBackgroundColor Background color of the cells
    • HeadingFont Header Title font
    • HeadingSize Header Title size
    • HeadingColor Header Title color
    • HeadingBackgroundColor Header background color

The cell title is a label which can be customized by providing LabelAttributes :

  • LabelAttributes

    • BackgroundColor Background color of the label. Ideally it would be better to give it as transparent.
    • LabelSize Size of the label text
    • LabelFont Font of the label text
    • LabelColor Color of the label text

HelpStackthemeCustomize

iv. Customizing the chat screen

These chat screen properties allows customization of the Issue conversation view.

  • ChatBubbleAttributes

    • TextSize Size of the text that appears within the left and the right chat bubbles.
    • TextFont Font of the text that appears within the left and the right chat bubbles.
    • MessageInfoLabelFont, MesssageInfoLabelSize, MessageInfoLabelColor Font, Size and Color of the message information shown above and below the chat bubbles which includes the sender name and timestamp.

The following attributes can be independantly customized for the right and the left chat bubbles :

  • LeftChatBubbleAttributes :

    • BackgroundColor Background Color of the left chat bubble.
    • TextColor Message Text color that appears within the left chat bubble.

  • RightChatBubbleAttributes :

    • BackgroundColor Background Color of the right chat bubble.
    • TextColor Message Text color that appears within the right chat bubble.

HelpStacktheme

Clone this wiki locally