Contact details

  • Host activity: TelecomActivity
  • Fragment: ContactDetailsFragment
  • Root layout: @layout/list_fragment

Menus are programmatically set to invisible for this page.

Contact details screen

Figure 1. Contact details screen

Action bar custom view

Update @layout/contact_details_action_bar, which is available on a short screen (of less than 610dp).

Component [id:]ClassName Property Value
contact_details_action_bar_avatar: ImageView width @dimen/contact_details_avatar_size
height @dimen/contact_details_avatar_size
contact_details_action_bar_name: TextView textAppearance @style/TextAppearance.Body1
layout_marginStart @dimen/contact_details_action_bar_name_margin

Contact details header

Update @layout/contact_details_name_image. This update is available on a tall screen (greater than or equal to 610dp).

Component [id:]ClassName Property Value
avatar: ImageView width @dimen/contact_details_avatar_size
height @dimen/contact_details_avatar_size
layout_marginTop @dimen/contact_details_avatar_margin_top
title (Contact name): TextView layout_marginTop @dimen/contact_details_title_margin_top
layout_marginBottom @dimen/contact_details_title_margin_bottom
textAppearance @style/TextAppearance.ContactDetailsTitle
background_image: BackgroundImageView visibility gone
@config/config_background_image_alphacode> 1.0
Used programmatically for contact avatars.
@config/config_background_image_error_alpha 1.0
Used programmatically for contact letter tiles. Setting this to 0.0 hides the background color.

Phone number layout

Update @layout/contact_details_number.

Component [id:]ClassName Property Value
call_action_id: View background ?android:attr/selectableItemBackground
paddingStart @dimen/contact_details_number_padding_start
paddingEnd @dimen/contact_details_number_padding_end
Constraint End toStartOf divider
title: TextView textAppearance @style/TextAppearance.ContactDetailsListTitle
text (label): TextView textAppearance @style/TextAppearance.ContactDetailsListSubtitle
contact_details_favorite_button: ImageView src @drawable/ic_favorite_activatable
tint @color/contact_details_icon_tint
background ?android:attr/selectableItemBackground
Constraint Start toStartOf divider
divider: View width @dimen/vertical_divider_width
background @color/divider_color
layout_marginTop @dimen/vertical_divider_inset
layout_marginBottom @dimen/vertical_divider_inset
layout_marginEnd @dimen/contact_details_text_button_guideline