|
Ruth Kuttler
|
May 18, 2014 at 6:48 am
The titles in the calendar widget are being cut off and display vertically in a desktop view. This looks terrible. Is there someway to adjust the settings so that the title either fits or there is an icon that when you mouseover, shows the title?
Also, when an event is on the weekend, the tool tips are being cut off in multiple devices and views. I have tried to align them left, right and center and still they are being cut off.
I see that there is a paid calendar that is separate but i don’t see any features or examples of how that displays.
The site is http://www.wilcoxhealingcenter.com I would really appreciate some help in getting this to display better.
|
|
Dean
|
May 19, 2014 at 2:03 am
Hi Ruth,
In EE3 we had it so the titles would not show in the widget, not quite3 sure why that hasn’t been added to EE4 so I will get that looked into.
In the mean time you could add the following CSS to your themes style.css or better yet to a plugin like My Custom CSS (it’s free).
.widget_ee-calendar-widget .fc-event-title {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-color:pink;
}
This will remove the text and leave a pink box behind. So long as you have tooltips enabled in the settings the visitors can hover over the event and see the details.
Feel free to change the colour from pink!
Regarding the alignment, on most devices barring desktop and laptops, the tooltips will not show as tapping the calendar will take you to the event details page. Can you provide an example device and/or situation where the tooltips would show?
|
|
Ruth Kuttler
|
May 19, 2014 at 6:51 am
Hi Dean,
i added the css but i’m not too thrilled with the square box that displays (it is white and not pink maybe because of some other css i entered before). it would be better to be able to show an icon that is more visually appealing than a white or pink box.
I would also like to know how to get a picture to display in that calendar as you show in your demo. I enabled all of the settings but it is not clear as to what to do – is that a featured image? How do you color code the categories and get them to show up in the calendar? I think a video demo would be very helpful and perhaps some real examples that are not screenshots.
Also, on phones, the tooltip does display and i had to take all html out of the tooltip description or the display was horrible.
|
|
Dean
|
May 20, 2014 at 5:58 am
Hi,
It is certainly possible to add an icon in instead. I’ll add it to the feature request board.
is that a featured image?
Yes the event needs a featured image and the Calendar Setting “Enable Images in Calendar” needs to be set to Yes.
These will only show in the main calendar though, not the widget.
How do you color code the categories and get them to show up in the calendar?
In the Calendar settings change:
Enable CSS for Categories to Yes
Use Color Pickers to Yes.
Then create a category and assign it a colour.
Then assign that category to one or more events.
I think a video demo would be very helpful and perhaps some real examples that are not screenshots.
Thanks for the feedback, we are looking to create more video tutorials in the future.
Also, on phones, the tooltip does display and i had to take all html out of the tooltip description or the display was horrible.
What device did you view this on? Did tapping the event on the calendar not direct you to the event page?
|
|
Sidney Harrell
|
May 20, 2014 at 6:50 am
Sorry, made the video, then forgot to post the link here for you. Go to https://eventespresso.com/wiki/calendar/ and scroll down to “Display Settings”.
|
