Display time zone; spacing of calendar options

  • Amy Christian
  • Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 2 months ago #95202 by Amy Christian
Display time zone; spacing of calendar options was created by Amy Christian
I have adjusted my server time zone (to New York), but I want to show the time zone for all event times. Right now, how would someone know whether the event starts at 12:00 pm Eastern Time or Pacific Time or something in between?

Also, the spacing is way off for the calendar options as far as their logos in relation to the labels (Google Calendar, etc.) -- as you can see in the same screen shot. Do you have a suggestion for fixing this?


File Attachment:

File Name: Timezonequestion.docx
File Size:91 KB
Attachments:

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

More
8 years 2 months ago #95208 by James Riley
Replied by James Riley on topic Display time zone; spacing of calendar options
To add the time zone, go to [EventBooking -> Configuration] and add an "e" to the end of your Time Format (and Date Format if you have time displayed there). For example, my Time Format would go from "g:i a" to "g:i a e". More options for date and time formatting can be found at php.net/manual/en/function.date.php

For the icon formatting issue, your site template's CSS is probably conflicting with EB's CSS. If you could you post a link to an example page, I can guide you in the CSS to enter into EB's Custom CSS override.

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.

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

  • Amy Christian
  • Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 1 month ago #95227 by Amy Christian
Replied by Amy Christian on topic Display time zone; spacing of calendar options
Thanks for the offer, James! I'm attaching a PDF with screenshots and several questions about issues or adjustments I'd like to make.

The calendar I'm working on is at foodsystemsnetwork.org/index.php/training-calendar .

Thanks for your assistance with any (or all!) of my questions.

Amy

File Attachment:

File Name: EventBooki...ons.docx
File Size:161 KB
Attachments:

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

More
8 years 1 month ago - 8 years 1 month ago #95232 by James Riley
Replied by James Riley on topic Display time zone; spacing of calendar options
I'll be able to address some of your questions :)
A couple of notes:
Any CSS mentioned can be inserted into the Custom CSS field in [Event Booking -> Configuration - > Custom CSS tab].
Any PHP files modified should be saved as template overrides so that your changes are not lost when you update EventBooking in the future. I will provide the path to save the file to -- create folders as necessary if they don't exist already (you'll notice that I drop the "view" and "tmpl" folders from the path that the original file was found at). Make sure that you upload the file if you are working on the file locally! (There is a way to create a template override file set from within Joomla's Template Manager, but it creates a copy of ALL the view -> tmpl files within an extension, which can really create problems when upgrading in the future as new features that are added by the extension developers may not implement on your site.)
[hr]
1) Remove the little image beside the events on the calendar.
  • Method 1: (better)
    -edit /components/com_eventbooking/view/common/tmpl/calendar.php
    -place a // (2 forward slashes) before the line
    Code:
    <img border="0" align="top" title="<?php echo $event->title; ?>" src="<?php echo $thumbSource; ?>" />
    -save as /template/YOUR_TEMPLATE_NAME/html/com_eventbooking/common/calendar.php; upload the file
  • Method 2: (easier)
    -add the following Custom CSS:
    Code:
    #eb-calendarwrap .eb_event_link img { display:none; }
[hr]
2a) Timezone:
  • make sure that [Joomla -> System -> Global Configuration -> Server tab] -> [Server Time Zone] is set properly. (I know you mentioned that your server is set to EST, but I'm not sure if you meant your webhost's server or your Joomla config).
  • try "T" instead of the "e" that I suggested earlier.
  • you can add "\E\S\T" to the end of the time format string to manually add the EST as text. The "\" will force the chacter to be displayed as a character and not a formating variable
  • as for why there is not option to select Timezone, you'll have to take that up with the developer (aka Tuan Pham Ngoc )
[hr]
2b) Social icons:
  • the little bit of the A that appears next to the Y in the YAHOO logo needs to be removed in the image file. Download my attached yahoo.png file and use it to overwrite /media/com_eventbooking/assets/images/yahoo.png . @TUAN -- PLEASE FIX IN THE CORE RELEASE :)
  • try the following Custom CSS to fix the positioning of the images
    Code:
    .eb-taskbar .dropdown-menu li a.google, .eb-taskbar .dropdown-menu li a.yahoo { background-position: 8px 2px; }
[hr]
2c) The underline on the social sharing icons
  • This is a CSS conflict. Use the following Custom CSS to fix:
    Code:
    #eb-share-button a {text-decoration: none !important;}
[hr]
Lots of questions! I will continue in another post. :)

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.
Attachments:
Last edit: 8 years 1 month ago by James Riley. Reason: add attachment
The following user(s) said Thank You: Amy Christian

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

More
8 years 1 month ago #95233 by James Riley
Replied by James Riley on topic Display time zone; spacing of calendar options
3) Calendar goes to next week with event instead of current week.
  • I don't know if there is a switch for this... @Tuan?
[hr]
4a) Date and Time format in Weekly Calendar view
  • Hmmm.... Looks like this is hard-coded in components/com_eventbooking/view/calendar/tmpl/weekly.php. The line
    Code:
    echo $daysInWeek[date('w', $time)].'. '.date('d', $time).' '.$monthsInYear[date('n', $time)].', '.date('Y', $time) ;
    would need to be modified. How would you like it to display?
  • @TUAN -- should this be moved over to the language files or make use of a Configuration option (eg. date_format)?
[hr]
4b) Weekly Calendar - date size on event listing
Try this Custom CSS. If 14px is still not quite looking right, you can change it.
Code:
#extcalendar .tablea { font-size: 14px; }

James Riley .: EventBooking user since 2014 ::: JoomDonation user since 2016 :.
.: grfx & web design / IT / AV @ St. Therese Institute of Faith and Mission, Bruno, SK, Canada :.

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

  • Amy Christian
  • Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 1 month ago #95277 by Amy Christian
Replied by Amy Christian on topic Display time zone; spacing of calendar options
Thanks so much, James! Here are my results so far with trying your suggestions.

1. I took the coward's way out and did method 2, and it worked.

2a Timezone
• make sure that [Joomla -> System -> Global Configuration -> Server tab] -> [Server Time Zone] is set properly. (I know you mentioned that your server is set to EST, but I'm not sure if you meant your webhost's server or your Joomla config). >> I changed it in my Joomla configuration. Should I ask my webhost to modify the server settings? I don’t have access to this.
• try "T" instead of the "e" that I suggested earlier. >> I tried this—it didn’t make a difference. (Shows “GMT” at end of time)
• you can add "\E\S\T" to the end of the time format string to manually add the EST as text. The "\" will force the chacter to be displayed as a character and not a formating variable >> I don’t see how we can do this, as we have to choose from dropdown lists fo the start and end times, so don’t have the option to add anything at the end.
• as for why there is not option to select Timezone, you'll have to take that up with the developer (aka Tuan Pham Ngoc) >> Yes, I’d love to hear from Tuan!

2b. Social icons:
• the little bit of the A that appears next to the Y in the YAHOO logo needs to be removed in the image file. Download my attached yahoo.png file and use it to overwrite /media/com_eventbooking/assets/images/yahoo.png . @TUAN -- PLEASE FIX IN THE CORE RELEASE >> I don't see this folder so will have my web guru do it.
• try the following Custom CSS to fix the positioning of the images >> This did adjust the layout--thanks!
.eb-taskbar .dropdown-menu li a.google, .eb-taskbar .dropdown-menu li a.yahoo { background-position: 8px 2px; }

2c) The underline on the social sharing icons
• This is a CSS conflict. Use the following Custom CSS to fix: >> Worked!
#eb-share-button a {text-decoration: none !important;}

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

  • Amy Christian
  • Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 1 month ago #95278 by Amy Christian
Replied by Amy Christian on topic Display time zone; spacing of calendar options
Thanks again, James! Here are my comments on your second set of suggestions:

3. I would love to hear from @Tuan on this.

4a. Date and Time format in Weekly Calendar view
• Hmmm.... Looks like this is hard-coded in components/com_eventbooking/view/calendar/tmpl/weekly.php. The line
echo $daysInWeek[date('w', $time)].'. '.date('d', $time).' '.$monthsInYear[date('n', $time)].', '.date('Y', $time) ;
would need to be modified. How would you like it to display? >> I would like to be "Monday, March 6, 2017"
• @TUAN -- should this be moved over to the language files or make use of a Configuration option (eg. date_format)?
>> I would love to hear from @Tuan on this. It's frustrating to be able to modify most of the times and dates to reflect U.S. usage, but ones that can't be really stick out.

4b. Weekly Calendar - date size on event listing
Try this Custom CSS. If 14px is still not quite looking right, you can change it.
#extcalendar .tablea { font-size: 14px; }
>> Worked!

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

More
8 years 1 month ago #95296 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Display time zone; spacing of calendar options
Hello Christian

Right now, I want to focus working to finish new version of Events Booking. So if you need further assist, please submit a support ticket so that our support staff will assist you to sort it

Regards,

Tuan

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

Moderators: Tuan Pham Ngoc