Vertical layout for mobile view

Wishlist Timeline
1

We don’t want the widget to be viewed left to right on mobile. Rather we want it to be viewed how it is viewed on the desktop.

5 Likes
2

Greetings, @Isaac :wave:

Nice idea, thanks for sharing! We’ll have it in mind and see for more feedback from the Community :slightly_smiling_face:

3

4 posts were split to a new topic: Image ratio in Timeline

4

YES PLEASE! At the very least some sort of indicator that the viewer needs to scroll to the side to see more…the way it is with only one event frame on screen there’s not really any visual cue that there’s more to the timeline.

3 Likes
5

Hi there, @JWD :wave:

Thanks for pointing us in this direction! Could you please describe your vision of such an indicator? Something like an arrow below the widget with the label “Swipe to see more”?

6

Hi! I also would really love for it to function the same way as on the desktop version, scrolling top to bottom. Hope this will come soon, thanks in advance!

1 Like
7

Hey there, @user8566 and welcome aboard :wave:

Thanks for upvoting the idea! We’ll try to think about this layout option in the future, especially if more users upvote it :slightly_smiling_face:

8

I agree; it’s not clear on mobile for the user that they need to scroll.

1 Like
9

Hi there and welcome to the Community, @user24570 :waving_hand:

Thanks for the feedback!

It’s possible to create a custom caption showing that you should swipe to see more events. Here is an example:

image
image1496×896 112 KB


To achieve this, please use this code in the Custom CSS field on the Settings tab of your widget’s settings:

@media (max-width: 480px) {
  .es-snap-carousel-item:first-child:after {
    content: "Swipe to see more ->";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 20px;
    border-radius: 50px;
    opacity: 0.5;
    border: 2px dashed black;
    white-space: nowrap;
  }
}

If you’d like this caption to look differently, please describe your vision. We’ll be happy to adjust the code for you :slightly_smiling_face:

1 Like
10

Sorry I missed this reply… yes, that’s what I had in mind. Something simple and not too intrusive, but that would clearly show the action needed to get the full picture. Thanks!

1 Like