- Posts: 7
- Thank you received: 1
Calendar Layout is making cell heights too tall
- Elliott Benzle
- Topic Author
- Offline
- New Member
Less
More
9 years 10 months ago - 9 years 10 months ago #46152
by Elliott Benzle
Calendar Layout is making cell heights too tall was created by Elliott Benzle
premierraces.org/upcoming-events-calendar
The calendar layout is making all cell heights the same, even if there are no events in a particular week. This makes the table very tall and difficult to read. On your demo site this is not happening: eventbooking.joomdonation.org/index.php?...ew=calendar&Itemid=6
I also noticed that your demo site calendar is built tables, while the current version of the component (1.6.4) is built using <ul> list.
Is there a setting I can change to fix this?
Thanks
The calendar layout is making all cell heights the same, even if there are no events in a particular week. This makes the table very tall and difficult to read. On your demo site this is not happening: eventbooking.joomdonation.org/index.php?...ew=calendar&Itemid=6
I also noticed that your demo site calendar is built tables, while the current version of the component (1.6.4) is built using <ul> list.
Is there a setting I can change to fix this?
Thanks
Last edit: 9 years 10 months ago by Elliott Benzle.
Please Log in or Create an account to join the conversation.
- Elliott Benzle
- Topic Author
- Offline
- New Member
Less
More
- Posts: 7
- Thank you received: 1
9 years 10 months ago #46154
by Elliott Benzle
Replied by Elliott Benzle on topic Calendar Layout is making cell heights too tall
I was able to fix this by making the following changes to the code which only equalize each row, instead of the whole table. Please let me know if there is a better way to do this.
Thanks.
Thanks.
/com_eventbooking/views/common/calendar.php
line 53:
<li class="eb-calendarDay calendar-day regpro-calendarDay row<?php echo $w; ?>"></li>
line 58:
<li class="eb-calendarDay calendar-day regpro-calendarDay row<?php echo $w; ?>">
lines 93-99:
$("ul.eb-days li.row0").equalHeights(100);
$("ul.eb-days li.row1").equalHeights(100);
$("ul.eb-days li.row2").equalHeights(100);
$("ul.eb-days li.row3").equalHeights(100);
$("ul.eb-days li.row4").equalHeights(100);
$("ul.eb-days li.row5").equalHeights(100);
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
9 years 10 months ago #46170
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Calendar Layout is making cell heights too tall
Hi
I believe you are not having latest version. In the latest version, we had that code available already. So maybe you should consider upgrading to latest version or stay with your current solution. Your solution is exactly what we did in the latest version.
Tuan
I believe you are not having latest version. In the latest version, we had that code available already. So maybe you should consider upgrading to latest version or stay with your current solution. Your solution is exactly what we did in the latest version.
Tuan
Please Log in or Create an account to join the conversation.
Moderators: Tuan Pham Ngoc
Support
Documentation
Information
Copyright © 2024 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.