Hi, we purchased the Amelia plugin this week, and I have watched several tutorial videos. However, I cannot see how I can display events from different catagories/tags on a page without having to resort to the list view. I want to create a row with three events inside of a row in Elementor.
How can I achieve this?
And another thing that's not clear to me, is whether events that have taken in the past are automatically removed from the front end.
Events in Amelia are not shown in columns, but in a single column with multiple rows (one row per event). There are no built-in options in Amelia that would allow you to change this.
In order to display certain events, you'd need to add the same tag to all events and use [ameliaeventslistbooking tag="physics"] (for example), to show only events with the "physics" tag.
The form automatically loads starting from TODAY, so when a customer views the page, they will only see events from today onward unless they change the date filter.
That's a pity. So if I understand correctly, there is no way of doing with Events what you can do with the services/packages (as shown in the screenshot). Is there a workaround to do this in another way to your knowing?
The Events list is created in a form of a list, so it can't be configured differently in Amelia. I suppose there is some custom CSS that can be created in order to change the layout, but we're not doing custom modifications like that. We don't have a paid customization service, nor do we perform custom modifications for free when they require changing the layout this much.
If you wanted to hide some stuff that can't be hidden through Amelia's options - sure, we'd be able to do that, but this would require redesigning the form with custom code and it'd take a lot of time to do it correctly.
There's a customer who created some custom code and made the events list look like this:
I will reach out to them and ask them to post this custom CSS here. That's the least I can do.
Hi, we purchased the Amelia plugin this week, and I have watched several tutorial videos. However, I cannot see how I can display events from different catagories/tags on a page without having to resort to the list view. I want to create a row with three events inside of a row in Elementor.
How can I achieve this?
And another thing that's not clear to me, is whether events that have taken in the past are automatically removed from the front end.
Attached files: 9A684A13-FF1A-4EB5-929A-D821E49C9B51.jpeg
Hello Bart.
Thank you for reaching out to us.
Events in Amelia are not shown in columns, but in a single column with multiple rows (one row per event). There are no built-in options in Amelia that would allow you to change this.
In order to display certain events, you'd need to add the same tag to all events and use [ameliaeventslistbooking tag="physics"] (for example), to show only events with the "physics" tag.
The form automatically loads starting from TODAY, so when a customer views the page, they will only see events from today onward unless they change the date filter.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
That's a pity. So if I understand correctly, there is no way of doing with Events what you can do with the services/packages (as shown in the screenshot). Is there a workaround to do this in another way to your knowing?
Or am I the first one to ask this question?
Thanks
Bart
That's correct, Bart.
The Events list is created in a form of a list, so it can't be configured differently in Amelia. I suppose there is some custom CSS that can be created in order to change the layout, but we're not doing custom modifications like that. We don't have a paid customization service, nor do we perform custom modifications for free when they require changing the layout this much.
If you wanted to hide some stuff that can't be hidden through Amelia's options - sure, we'd be able to do that, but this would require redesigning the form with custom code and it'd take a lot of time to do it correctly.
There's a customer who created some custom code and made the events list look like this:
I will reach out to them and ask them to post this custom CSS here. That's the least I can do.
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
This is my code - May contain some specific data (theme or Elementor page builder related)
.amelia-v2-booking #amelia-container.am-elf {
max-width: 100% !important;
}
.amelia-v2-booking #amelia-container .am-els__wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: space-between;
gap: 20px 0;
}
.amelia-v2-booking #amelia-container .am-els__wrapper>.am-ec {
flex-direction: column !important;
align-items: center !important;
align-content: center !important;
padding: 0px !important;
border-radius: 10px !important;
background-color: var( --e-global-color-primary ) !important;
max-width: 24%;
box-shadow: none !important;
overflow: hidden !important;
}
[data-elementor-device-mode="tablet"] .amelia-v2-booking #amelia-container .am-els__wrapper>.am-ec {
max-width: 50%;
}
[data-elementor-device-mode="mobile"] .amelia-v2-booking #amelia-container .am-els__wrapper>.am-ec {
max-width: 100%;
}
.am-els__wrapper .am-ec__info > *, .amelia-v2-booking #amelia-container .am-els__wrapper .am-ec__info p {
display: flex !important;
align-content: center !important;
justify-content: center !important;
text-align: center !important;
}
.amelia-v2-booking #amelia-container .am-els .am-ec__period {
display: flex;
justify-content: center !important;
align-items: center !important;
gap: 10px;
}
.amelia-v2-booking #amelia-container .am-ec__actions {
margin-bottom: 25px;
}
.amelia-v2-booking #amelia-container .am-ec__period {
margin-top: 25px;
}
.am-els__wrapper>.am-ec>.am-ec__image {
width: 100% !important;
height: 310px !important;
order: -1;
margin: 0 !important;
border-radius: 0 !important;
}
.amelia-v2-booking #amelia-container .am-ec__actions {
align-items: center !important;
}
.amelia-v2-booking #amelia-container .am-ec__info-name {
font-weight: bold !important;
text-transform: uppercase;
}
.amelia-v2-booking #amelia-container .am-els * {
justify-items: center !important;
}
.amelia-v2-booking #amelia-container .am-els__wrapper{
justify-content: space-between !important;
}
.amelia-v2-booking #amelia-container .am-ec p, .amelia-v2-booking #amelia-container .am-ec span {
font-size: 1rem !important;
font-weight: normal !important;
color: var( --e-global-color-text ) !important;
}
.amelia-v2-booking #amelia-container .am-ec p.am-ec__info-name {
line-height: 1.2em !important;
font-weight: 600 !important;
margin: 0.5em 0 !important;
}
.amelia-v2-booking #amelia-container .am-ec__period {
margin-right: 0 !important;
}
Thanks a lot, Samuel.
That is really helpful.
Thank you very much, Samuel!
Bart, I hope this works for you as well!
Kind Regards,
Aleksandar Vuković
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables