changes in the calendar template / layout

Hello, I would like to change the calendar template / layout.
I would love to adapt it to the global page layout.
To do this, I would have to change colors and fonts and adjust tables (columns and widths).
How can I achieve this without having to shake with every update that everything is preserved.
Could I copy, modify, and import the renamed default layout as a new layout?
Do you still need changes in other files?

Thanks in advance,
Tanja

Hi Tanja

To help us understand your request easier, could you please send us the link to current calendar page and explain how you want to change it?

Tuan

Hi Tuan,

here the first link .. 2020adt.andrea-dinkel.de/2020adt/termin-6
..
I need to change the "date circles" in colour & font
the buttons in colour and position (right aligned)
The price field, colour, form and font size
...
the second
2020adt.andrea-dinkel.de/2020adt/ct-menu1-item13

here I need to change the floating width of the columns like a fixed width.
and again the buttons an their colour.

And for both views I need to modify the search.
I would like an advanced search in a line. Like a two-line table without a frame. Above what should be searched and below the actual search field. - Hope you understand the picture with the table
..
That's all for the Moment
Thanks

For most of these items, I don't think change the layout would be needed. To change color, font..., you can go to Events Booking -> Configuration, look at Custom CSS tab, add custom css to change the color from there...

Please try that and let me know if you have other questions

Tuan

I have a related question:

In the calendar view I would like to change the color of an event by its status:
- normal: green
- 50% booked: yellow
- fully booked: red
- booked by user: blue
- expired: grey

Guess this won't be a simple css customization, will it?

No, it won't be simple css customization. You will need to customize the layout to add necessary css class for each of these status before you can add css to change the color. Currently, only two status are supported:

- Normal
- Fully Booked (the css class is eb-event-full)

Tuan

For the interested audience, I updated default_calendar.php as shown below. I wasn't sure how to get the information that an event was booked by the actual user, so I skipped this and added no further class.

                            // == ML: ADD EXTRA COLOR STATES ==
                            $ML_event_states = '';
                            if($event->total_registrants) $ML_event_states .= ' eb-event-bookings-ML'; // any bookings at all?
                            if($event->eventFull) $ML_event_states .= ' eb-event-full-ML'; // actually not needed, as eb-event-full already exists
                            if($event->cut_off_date < date("Y-m-d H:i:s")) $ML_event_states .= ' eb-event-expired-ML'; // cut_off_date passed?
                            // ================================
                            ?>
                            <div class="date day_cell">
                                <a class="<?php echo implode(' ', $eventClasses); echo $ML_event_states; ?>" href="<?php echo $event->url; ?>" title="<?php echo $eventLinkTitle; ?>"<?php if ($eventInlineStyle) echo $eventInlineStyle;  ?>>

 

Could you zip the modified file and upload it here? It could be useful for other customers if they need it

Regards,

Tuan

Hi,

Trying to change the calendar layout built by the menu option (not module.

I would like to make the attached document only visible to registered member, and maybe add a drop down in the back end to allow either only registered or not can view the attachment link to the event.

URL: /index.php?option=com_eventbooking&view=event&id=534&catid=15&Itemid=233&lang=en

LOOKED EVERYWHERE and could not find the files to modify,,, anybody can help