Custom calendar theme

  • YODA Studio
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
9 years 2 months ago - 9 years 2 months ago #58862 by YODA Studio
Custom calendar theme was created by YODA Studio
Hello there!

I have created a custom css for the calendar theme and uploaded it into the components/com_eventbooking/assets/css/themes folder.
What do I have to do in order to select it by the list in the configuration module?

Thanks
Last edit: 9 years 2 months ago by YODA Studio.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #58870 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Custom calendar theme
Hi

1. Look at the file administrator/components/com_eventbooking/view/configuration/html.php

2. Find the code below:
Code:
$options[] = JHtml::_('select.option', 'dark', JText::_('EB_DARK'));

3. Lets say you create a css file called customtheme.css and add to the components/com_eventbooking/assets/css/themes folder, now, if you want to be able to choose it, add the line of code below below the above line:
Code:
$options[] = JHtml::_('select.option', 'customtheme', JText::_('My custom theme'));

Then you can choose that theme in the configuration of Events Booking for the calendar

Tuan

Please Log in or Create an account to join the conversation.

  • YODA Studio
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
9 years 2 months ago #58881 by YODA Studio
Replied by YODA Studio on topic Custom calendar theme
Thanks a lot Tuan, it works!

If I update this component, do I lose this customization?

Best regards.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #58895 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Custom calendar theme
Yes, you do. So you will have to remember and maintain this customization yourself

Tuan

Please Log in or Create an account to join the conversation.

  • YODA Studio
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
9 years 2 months ago #59018 by YODA Studio
Replied by YODA Studio on topic Custom calendar theme
I will,

Thanks a lot.

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #59218 by Mike Holmes
Replied by Mike Holmes on topic Custom calendar theme
I have been using a different approach. I copied my custom css to the themes folder then when I upgrade the component I replace the dark.css (which is the theme I selected in the component .) with the custom css. That way the code is not changed but I get the custom css applied to the calendar.

Mike

Please Log in or Create an account to join the conversation.

More
9 years 2 months ago #59233 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Custom calendar theme
Yes, that works too :).

Please Log in or Create an account to join the conversation.

More
8 years 9 months ago #66857 by Mike Holmes
Replied by Mike Holmes on topic Custom calendar theme
Hi Tuan,
Under 2.0 and above am I correct that the themes for the mini calendar have been moved to media/com_eventbooking/assets/css/themes ? Also for later it would be nice to have the option to upload custom css for the minicalendar.

Thanks

Mike

Please Log in or Create an account to join the conversation.

More
8 years 9 months ago #66874 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Custom calendar theme
Hi Mike

Yes, we moved the css and javascript files to media/com_eventbooking folder (we don't store them in components/com_eventbooking/assets folder anymore).

For option for upload custom css for mini calendar, I will think about it and might add support for it in the future

Regards,

Tuan

Please Log in or Create an account to join the conversation.

Moderators: Tuan Pham Ngoc