Card design

Avatar

Avatar
Validate 1
Level 1
larissanCPBJ
Level 1

Likes

0 likes

Total Posts

9 posts

Correct reply

1 solution
Top badges earned
Validate 1
Affirm 1
View profile

Avatar
Validate 1
Level 1
larissanCPBJ
Level 1

Likes

0 likes

Total Posts

9 posts

Correct reply

1 solution
Top badges earned
Validate 1
Affirm 1
View profile
larissanCPBJ
Level 1

23-06-2015

I'm working on the card design and have a few questions:

First, it's doubling up my metadata. So it shows both the title and article twice in each card. Can't figure out why.

Also, I know the Fast Company app was built using DPS(2015). And I'm sure they have fancy-schmancy technical people. But how did they get the vertical transitions on cards so nice? (Like with the triangular bottom and scrolling?) And how do you get the "highlighting" on the title?

And a more random question, did I miss how to make this a landscape instead of portrait app, if so desired?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Boost 5
Employee
NMarroquin
Employee

Likes

28 likes

Total Posts

175 posts

Correct reply

46 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile

Avatar
Boost 5
Employee
NMarroquin
Employee

Likes

28 likes

Total Posts

175 posts

Correct reply

46 solutions
Top badges earned
Boost 5
Boost 3
Boost 25
Boost 10
Boost 1
View profile
NMarroquin
Employee

23-06-2015

The doubling of metadata is a known bug that the dev team is working on resolving.

The Fast Company is actually a proof-of-concept application, and it was not built using DPS(2015). For title highlighting experiment with background fill behind text.

For orientation, when you create a new app there are two drop down controls that allow you to set the orientation of the app for Tablet and Phone. This is in the "General" tab of the "Apps" view.

Answers (2)

Answers (2)

Avatar

Avatar
Boost 50
Employee
Neil_Enns_-_Ado
Employee

Likes

81 likes

Total Posts

654 posts

Correct reply

252 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Boost 50
Employee
Neil_Enns_-_Ado
Employee

Likes

81 likes

Total Posts

654 posts

Correct reply

252 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Neil_Enns_-_Ado
Employee

23-06-2015

Hi Larissa,

You'll likely need to create separate layouts for phones and tablets. You can then create separate collections for each device class and assign the layouts to them. For this to work you'll need to select the option to have two top level collections when you create the project.

Neil

Avatar

Avatar
Validate 1
Level 1
larissanCPBJ
Level 1

Likes

0 likes

Total Posts

9 posts

Correct reply

1 solution
Top badges earned
Validate 1
Affirm 1
View profile

Avatar
Validate 1
Level 1
larissanCPBJ
Level 1

Likes

0 likes

Total Posts

9 posts

Correct reply

1 solution
Top badges earned
Validate 1
Affirm 1
View profile
larissanCPBJ
Level 1

23-06-2015

Thank you!

I'm finding that if I set the metadata text size, it'll look OK on a tablet, but way too big on a smartphone. Gotta keep toying with that, I guess.