Rock Mobile Docs

Login Status

v1.0

Inherits from Xamarin.Forms.ContentView

The Login Status control displays an icon and message encouraging individuals to log in. After logging in, it will display their profile image, and tapping will provide the option to capture or upload a new photo.

Properties

PropertyTypeDescription
WelcomeMessagestring LavaThe welcome message displayed when a user is logged in. Defaults to Hello {{ CurrentPerson.FirstName }}!
LoginMessagestring LavaThe login message displayed if a user is not logged in. Defaults to Login.
EditProfileLabelstring LavaThe edit profile subtext displayed if a user is logged in. Defaults to Edit Profile.
LoginLabelstring LavaThe login subtext displayed if a user is not logged in. Defaults to Tap to Personalize.
NoProfileIconstringThe icon displayed if a user is logged in but has no profile photo. Defaults to resource://Rock.Mobile.Resources.profile-no-photo.png.
NoProfileIconColorColorColors the NoProfileIcon image if set.
NotLoggedInIconstringImage displayed if no user is logged in. Defaults to resource://Rock.Mobile.Resources.person-no-photo-unknown.svg.
NotLoggedInColorColorColors the NotLoggedInIcon image if set.
ProfilePageGuidGuidThe profile page unique identifier that the user will be directed to when they tap on Edit Profile.
ImageSizedoubleWidth and height of the profile image. Defaults to 80.
ImageBorderSizedoubleWidth of the profile image border. Defaults to 0.
ImageBorderColorColorColor used for the profile image border. Defaults to White.
TitleFontFontFont for the Title text.
TitleFontSizedoubleFont size for the Title text.
TitleTextColorColorText color for the Title text.
SubTitleFontFontFont for the SubTitle text.
SubTitleFontSizedoubleFont size for the SubTitle text.
SubTitleTextColorColorText color for the SubTitle text.

Example

<Rock:LoginStatus />

Update Photo

v5.0

The popup window was replaced with the UpdatePersonProfilePhoto command. Although the command itself supports updating the photo for any individual, the LoginStatus control only changes the photo for the CurrentPerson.

v2.0

Users will have the option to take a new photo or select an existing one from their photo library. These options appear in a popup window that you can style using the CSS classes listed below.