Profile Card Widget screen

Shows a profile card on a custom page

Figure: Profile Card Widget screen

Profile Card Widget screen

Examples

Prerequisites

How to Start

  1. On the Page Builder screen, do one of these:
    • Create a Custom Page.
      1. Click Add Row

        Custom Page screen
        .
    • Open a custom page
      1. Click the bottom horizontal line of the row or right side vertical line of the row or column.

        Click Bottom Line
      2. Click Add.

        Click Add
  2. Click Add Widget.

    Custom Page Design screen
  3. On the Pick a Widget screen, on the Card tab, click Profile Card Profile Card icon.

Fields

Field Name Definition

Profile Banner Background Color

Function:
Specifies the background color for the profile banner.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
ffffff
Example:
  • #ff0000
  • #183048
  • #e16229
  • rgb(25,151,66)
  • rgba(87,177,201,2)

Profile Image Shape

Function:
Specifies the shape of your profile image.
Accepted Values:
  • Circular - The profile image shows in circular shape.
  • Square - The profile image shows in square shape.
Default Value:
Circular

Image Source

Function:
Specifies the source for your profile image to show on your custom page.
Accepted Values:
  • Web URL - Specifies the absolute URL for an image.
  • Image Library - Uses an image from the image library.
Default Value:
Web URL
Limitations:
This field is available in these releases:

Profile Image URL

Function:
Specifies the URL of your profile image.
To Open this Field:
  1. In the Image Source field, click Web URL.
Accepted Values:
A string in URL format.
Default Value:
None
Example:

Pick an Image

Function:
Specifies the profile image to show on your card.
To Open this Field:
  1. In the Image Source field, click Image Library.
Accepted Values:
An image file from the list.

Click the Pick an Image button to select a file from the list that shows all image files from the Images screen.

Default Value:
None
Limitations:
This field is available in these releases:

Profile Image Width

Function:
Specifies the width of your profile image.
Accepted Values:
A positive integer.
Default Value:
100

Unit

Function:
Specifies the unit for the height or width of an image.
Accepted Values:
  • Pixels (px)
  • Percentage (%)
Default Value:
Pixels (px)

Profile Image Height

Function:
Specifies the height of your profile image.
Accepted Values:
A positive integer.
Default Value:
100

Profile Image Top Offset (px)

Function:
Specifies a location in pixels for a profile picture from the top horizontal line.
Accepted Values:
A positive integer.
Default Value:
80

Footer Action Background Color

Function:
Specifies the background color for the footer section to show in your profile.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
ffffff
Example:
  • #ff0000
  • #183048
  • #e16229
  • rgb(25,151,66)
  • rgba(87,177,201,2)

Footer Action Link Color

Function:
Specifies the color for the text to show in the footer.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
ffffff
Example:
  • #ff0000
  • #183048
  • #e16229
  • rgb(25,151,66)
  • rgba(87,177,201,2)

Footer Action Link URL

Function:
Specifies the URL of a blog, an article, or any website related to the profile creates in your page.
Accepted Values:
A string in URL format.
Default Value:
None
Example:

Footer Action Link Text

Function:
Specifies the text for the URL to show in the footer.
Accepted Values:
One line of text that can have spaces.
Default Value:
None
Example:
Refer to:

Add

Function:
Creates a new profile for your custom page.