Calendar display options issue

On the website of a client we have a calendar of events with quite a bit information in addition to the date and place. It looks like this:

enter image description here

  • It’s a jssor static slider
  • The user can drag to the next event
    • by clicking on the slider
    • Clicking on the view more button
  • The slider shows the nearer next event in the center and the rest in a consecutive way
  • At the bottom there is an indicator with dots showing the number of events, the filled dot is the current event
  • In the left and right borders there are incomplete events to show there is more to see

All this is seen very clearly for me, but not for the common user as they have let me know.


  • No one understands the use of the view more button
  • Nobody realizes that events can be moved by click and drag on the slider

  • When the next closest event appears in the center after the last event is seen as an error

  • The cut events on the left and right to show there is more hidden information, is perceived as a design error

  • Removing the cut events from the ends makes no one know there are more events to see

  • Nobody sees or understands the meaning of the dot indicator at the bottom

enter image description here

The only solution I see possible is putting the classic slider buttons to see if it’s better understood (I have not tested it and breaks the overall page design)

enter image description here

Summing up: I think nobody realize the calendar of events is a slider.

I’m a little blind in terms of function, because I still seeing it very clearly, some idea of an impartial eye can be of great help.