You are here:
Follow Button
The Follow Button component lets users follow topics, articles, and other users.
In the Page Editor, you can configure the follow button component on the User Profile, Article Detail, and Topic Detail pages. This component lets users follow other users, articles, or topics. When a user views their own profile, the button isn’t visible because users can’t follow themselves.
Each button instance supports its own property values. So, if you have two Follow buttons on a page, the values on each button are unique to that button. You can configure buttons to use the values you defined in your theme so that they all look the same. But each button instance remains unique.
- Select the Follow Button component in the page you're configuring.
-
In the property editor, configure the properties
for the component.
Property Details Followed Record ID The system supplies this value. Don’t update this field. Allow email notifications on topics Select to let user’s receive email notifications for topic activity. Button Text Color Set the color of text that’s used for the button label.
The
link icon shows that
the current selection comes from colors defined in the
theme.Button Text Hover Color Set the color of text that’s used for the button label when a member mouses over the button.
In Builder, you can test your hover color in Preview mode.
Button Background Color Set the color to use for the button background when the button is inactive. Button Background Hover Color Set the color to use for the button background when a member mouses over the button.
In Builder, you can test your hover color in Preview mode.
Button Border Color Set the color to use for the border that surrounds the button. Button Border Radius Move the slider to control the amount of curve to use for the button shape. Max Button Width Move the slider to control the width of the button. Width percentage is set against the full width of the container the button sits in. So 100% is the full width of the container, rather than the full width of the browser page. Button Alignment To set the horizontal alignment of a button within its container, select Center, Left, or Right.
