Build Customizable UI for Focus Promotion

RESOLVED FIXED

Status

()

P1
normal
RESOLVED FIXED
2 years ago
2 years ago

People

(Reporter: sdaswani, Assigned: bmunar)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [MMA] [MobileCore])

Attachments

(8 attachments)

(Reporter)

Description

2 years ago
This basically looks like an ad rectangle at the bottom of the screen.
(Reporter)

Updated

2 years ago
Assignee: nobody → bmunar
Blocks: 1351446
Whiteboard: [mma]
(Reporter)

Updated

2 years ago
Flags: needinfo?(randersen)
Summary: Build Custom UI for Focus Promotion → Build Customizable UI for Focus Promotion
(Reporter)

Comment 1

2 years ago
We need more info on how to structure the promo for customization.
(Reporter)

Comment 2

2 years ago
Created attachment 8855565 [details]
pasted_image_at_2017_04_05_17_46_720.png

iphone UI
Flags: needinfo?(randersen)
(Reporter)

Comment 3

2 years ago
Created attachment 8855566 [details]
pasted_image_at_2017_04_05_17_46_720-1.png

ipad UI
(Reporter)

Comment 4

2 years ago
Create a LP variable as a dictionary that contains all the customizable elements:
- background color
- Top Text
- Button Text
- Button 'deep link' (URL to open another app or a screen in current app)
(Reporter)

Comment 5

2 years ago
Robin, will you be able to specify the background color of the Promo UI as a six-character hex string, e.g., 0xFF13FC ?
Flags: needinfo?(randersen)
(Assignee)

Comment 6

2 years ago
Actually, we can just use the RGB int. I think Robin knows what that is. We already have the extension in the code!
Colors specs were attached to the Trello card (I usually do it here but we were using Trello, so…)

The hex and RGB color is #9012FE (alpha 40) and R144 G14 B254 A40

https://trello-attachments.s3.amazonaws.com/5876537a515b328f9da83ada/58c82d61513e6cbd2b0aaa96/7cd935ff55f6beb796b50b0038fcc58c/MMA-iOS-MVP-1-Layout-Specs.png

and I'll attach here as well.
Flags: needinfo?(randersen)
Created attachment 8857737 [details]
MMA-iOS-MVP-1-Layout-Specs.png
(Reporter)

Comment 9

2 years ago
Thanks for the specs Robin. And +1 to using the RGB int Bryan (e.g., R144 G14 B254 A40).
(Assignee)

Comment 10

2 years ago
You know what, just kidding, the hex number would be fine -- sorry about that! No need for RGBs
(Reporter)

Comment 11

2 years ago
Bryan how does the Hex number encapsulate the alpha setting?
(Reporter)

Comment 12

2 years ago
Robin, should we also templatize the text color so we can handle different light/dark backgrounds? Also Bryan is still checking on how to incorporate Alpha into the Hex String.
Flags: needinfo?(randersen)
Flags: needinfo?(bmunar)
(In reply to Susheel Daswani from comment #12)
> Robin, should we also templatize the text color so we can handle different
> light/dark backgrounds? 


Yes, we should! See attached.
Flags: needinfo?(randersen)
Created attachment 8858442 [details]
Leanplum Snippet iPhone.png
Created attachment 8858443 [details]
MMA-iOS-Template-Layout-Specs.png
Created attachment 8858455 [details]
Leanplum Snippet iPhone Landscape.png
Created attachment 8858456 [details]
Leanplum Snippet iPad.png
Created attachment 8858457 [details]
Leanplum Snippet iPad Landscape.png
Priority: -- → P2
Whiteboard: [mma] → [MMA] [MobileCore]
Iteration: --- → 1.20
Priority: P2 → P1
(Reporter)

Updated

2 years ago
No longer blocks: 1351446
You need to log in before you can comment on or make changes to this bug.