# Team Tomorrow
# Page
Team tomorrow page example (opens new window) was created as a transitional page where the transitional users were redirected to.
# Issue
The Team Tomorrow issue is set into a custom field custom_string5 when user donates through a donation form with an issue designation, example form (opens new window).
The issue from the custom field custom_string5 is read in the Supporter Center & is displayed in the Team Tomorrow section.
# Issue Name
Per request, the issue label is what will be displayed to users on donation forms and in the supporter center. However, the text will be mapped into a value before being saved in Luminate.
The mapping is defined in reus_content_catalog PageBuilder page, in the variable issueNames.
The values are set in the format ${frontEndLabel}: ${backEndValue} where ${frontEndLabel} is the string that will be displayed to the users and ${backEndValue} is the value that will be saved in Luminate.
When looking up a ${frontEndLabel}, ${backEndValue} will be used as a fallback.
When looking up a ${backEndValue}, empty string '' will be used as a fallback if the ${frontEndLabel} cannot be located, to ensure we only write valid values on the back end.
# Dashboard
The Team Tomorrow section was created in 2025-01 to allow users to see and change their Team Tomorrow issue. The issue value is read from the custom field custom_string5 and then the label of the issue will be displayed to the user.
On dashboard the section will appear to any user that has Active Partner for Children on their profile. This flag is set when a user is a recurring donor.
# My Giving
On dashboard the issue image will appear to any user that has one or more active recurring gifts.
# HTML content
The content for the section is set in the PageBuilder page supporter_center__dashboard. The content for the image on My Giving page is set in the PageBuilder page supporter_center__my_giving. The content of the pop-up is set in the PageBuilder page reus_supporter_center__issue.
# Images
The images are uploaded into PageBuilder library. The image naming pattern is:
- Vertical images:
sc-vert-${issue}.jpg - Horizontal images:
sc-hor-${issue}.jpg
To update the image, just upload the new image into the library.
When a user has no selected issue, a default image is displayed. The default image is team-tomorrow.jpg (opens new window) which was created for the transition tile.