Skip to content

Button block - 1st iteration #1513

@pinarol

Description

@pinarol

We need to add support for Button block on the mobile side. It is highly used in pages and it would help us add variety on our starter page templates.

Let discuss which items would make a good first iteration, here are my thoughts but we can drop/add items:

  • 1. Render the block on mobile with given color, border radius, Link option. No settings, no URLFinder for now.

Screen Shot 2019-10-29 at 18 52 00

The tricky part here will be the gradient colors, we'll need to add a new library to handle this. I am actually willing to leave gradients for a later iteration but not sure how to display a button that was created on web and already using gradient colors. If there's a good idea that can cover this we can leave it to the 2nd iteration.

Screen Shot 2019-10-29 at 18 52 11

  • 2. Add Border radius settings:

Screen Shot 2019-10-29 at 18 55 34

  • 3. Add style settings(Needs design for mobile):

Screen Shot 2019-10-29 at 18 58 06

  • 4. Add link settings

Screen Shot 2019-10-29 at 18 56 37

  • 5. Add color settings(Needs design for mobile)(Custom color link can allow user change the hex value directly instead of displaying a color picker for this 1st iteration)

Screen Shot 2019-10-29 at 19 00 34

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions