calendar all day event say 'All Day'

  • 1
  • Question
  • Updated 3 years ago
  • Answered
Is there a way to get All day events to show 'All Day' in the time field using the google calendar widget?
we have created a custom layout and have put the time under the description, it looks good apart from all day events which just show a blank line.
Photo of FIAS IT

FIAS IT

  • 670 Points 500 badge 2x thumb

Posted 3 years ago

  • 1
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
You can overlay another placeholder on top containing the Image or Text Widget that says that, or create your own calendar layout.
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
I think the Calendar layout would be the easiest option, mainly because you could use that same layout in a different Presentation.
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Good suggestion Darius. The above could work if you have the element timed as to when the All Day will occur... Let us know how you go!

Hannah
Photo of FIAS IT

FIAS IT

  • 670 Points 500 badge 2x thumb
another placeholder with an image or text probably won't work best in this situation as our list of events is scrolling.

We have a custom layout but I am no expert when it comes to javascript. how would you suggest implementing this in a custom layout??
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi FIAS,
You may want to add 'All Day' in it the event entry Description within Google Calendar. I've done a test on my own Calendar using the default layout:



You should not have to do modifications on the custom layout for this. Let me know how you go!

Thanks

Hannah
Photo of FIAS IT

FIAS IT

  • 670 Points 500 badge 2x thumb
As you can see in the image below we have a custom layout that puts the time of the event on a new line. As shown in the image the red box is highlighting the blank space left by an all day event having no time. what we would like is 'All Day' to appear where the red boxes are.

If we Add All Day to the description it will show on the wrong line.

Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi FIAS IT,
Thanks for this. Unfortunately I had a 'Please provide a valid URL' for the custom layout .html and when I accessed the direct link, it forwarded me to an empty page hosted by the school. However, this could possibly work - could you add the 'All Day' as a new line break in the Event Title? I tested with the generic layout and was able to see the line break:



The only thing I am seeing is that there seems to be an indentation, but I am wondering if your custom layout will have that.
Photo of FIAS IT

FIAS IT

  • 670 Points 500 badge 2x thumb
sorry, I haven't got back to you about this I forgot about it.
your solution of putting a line break in the all day event title will still leave us with an empty line below the All Day as the custom layout has a line break between the title and time

with your solution, it will look something like this

Day
   TITLE
   AllDay

   description if we have one

   TITLE1
      time
     description if we have one
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
FIAS IT,

If you remove the line break between the title and time, does that remove the space under "All Day"?
Photo of FIAS IT

FIAS IT

  • 670 Points 500 badge 2x thumb
yes removing the line break from the custom layout will remove the blank line under all day but it will also remove the line break on all the other events, therefore, putting the time on the same line as the title.

<div id="container">    <div class="error">Calendar cannot be shown probably because it is not public. Check your Calendar settings.</div>
    <ul id="days" class="page">
      <li class="day">
        <span class="date"></span>
        <ul class="events">
          <li class="event">
          <span class="summary"></span><br>
            <span class="time"></span>
            <span class="location"></span>
            <p class="description"></p>
          </li>
        </ul>
      </li>
    </ul>
  </div>

that's my custom layout.

the issue is All day events in a google calendar have no time i think we may just end up setting the event to a time. 
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Thanks for posting the code. It looks like there is a <span> class for location and I don’t see location info in the calendar screenshots provided - I am wondering if this is contributing to the blank line break. The other item is, since the <span> class for location is between time and description, what would it look like if you replace it with the text ‘All Day’?

Edit: On another note, it would be a good idea to have a look at the full HTML/CSS custom layout page and recreate your whole presentation first. I will need to have access to the custom layout HTML the Widget is referencing to but when I access the URL it's forwarding me to a standard blank page - are you able to send through the HTML layout for me to save a copy of and recreate the presentation? Thanks! You can email it to support@risevision.com
(Edited)
Photo of FIAS IT

FIAS IT

  • 670 Points 500 badge 2x thumb
I have sent a copy of the layout to the supplied email address.
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Sorry for missing your post - it looks like our system blocked your email. Can you please send through a .zip instead of a .rar file to either support@risevision.com? I also emailed Barbera directly.
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi FIAS IT,
We'll be doing further work on the Calendar Widget including being able to add the 'All Day' in the widget itself. We'll notify the Community with further updates about this!

For the meantime, you may need to allocate a time for your events until we can begin incorporating this in the current Widget.
(Edited)