help to better help you:
Please: add always Joomla / JEM version and details to your posts, so we can try to reproduce your issue!
Arrange events in columns?
Arrange events in columns?
8 months 2 weeks ago
Hello,
Is there a way to display coming events side-by-side, in columns, instead of one above the other in rows? I can't seem to find a way in the documentation.
Is there a way to display coming events side-by-side, in columns, instead of one above the other in rows? I can't seem to find a way in the documentation.
Please Log in or Create an account to join the conversation.
Re: Arrange events in columns?
8 months 2 weeks ago
Hi, welcome on our site.
No as much as I know, there is only this agenda vertically and the calendar in month or week mode.
Years ago there was @stevent who tried a horizontal day view. But far away. Me personally I don't have any idea, which would be the advantage.
No as much as I know, there is only this agenda vertically and the calendar in month or week mode.
Years ago there was @stevent who tried a horizontal day view. But far away. Me personally I don't have any idea, which would be the advantage.
Please Log in or Create an account to join the conversation.
Re: Arrange events in columns?
8 months 2 weeks ago - 8 months 2 weeks ago
Thanks for your reply. My client wants to be able to have their coming events in 3 columns on their homepage. Like this example: boumishriners dot org. If it cant't be done, I won't be able to use JEM.
Thanks
Thanks
Last edit: 8 months 2 weeks ago by dino67.
Please Log in or Create an account to join the conversation.
Re: Arrange events in columns?
8 months 2 weeks ago
Sorry, it seems too special for JEM. You can try to find a solution and when you find, please share for other inerested people.
jojo12
jojo12
Please Log in or Create an account to join the conversation.
Re: Arrange events in columns?
8 months 2 weeks ago
You can do it with css. For example with JEM simple list and this css (is not yet responsive)
ul.eventlist {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
}
li.jem-event {
width: 33.33%;
box-sizing: border-box;
padding: 10px;
background-color: #f2f2f2;
border: 1px solid #ddd;
}
ul.eventlist {
list-style-type: none;
padding: 0;
display: flex;
flex-wrap: wrap;
}
li.jem-event {
width: 33.33%;
box-sizing: border-box;
padding: 10px;
background-color: #f2f2f2;
border: 1px solid #ddd;
}
Please Log in or Create an account to join the conversation.
Time to create page: 0.507 seconds