Skip to content

Customization Instructions

Jump to bottom
Anirudh S edited this page Mar 17, 2015 · 2 revisions
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

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.

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

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