Tuesday, 22 November 2022
  2 Replies
  814 Visits
0
Votes
Undo
Hello,

After installing Jevents on my Joomla4 website, I got one issue:
See here my Joomla 3.10 website.
See here my Joomla 4.2.5 website.
On the right side, there is the calendar module.

I am using this custom layout in the module

<span class="${PAST_OR_FUTURE}"><br><span class="icon-hand-right"></span><strong>${title}</strong><br><span class="icon-calendar"></span>${startDate(%d %b %Y)}[!a:<br/><span class="icon-time"></span>${startDate(%H:%M)} - ${endDate(%H:%M)}]
<span class="icon-globe"></span>${location}<br></span>


and this custom css in the module

.icon-calendar, .icon-time, .icon-hand-right, .icon-globe {margin-right: 10px;}

.mod_events_latest_first .past {text-decoration:line-through;}
.mod_events_latest .past {text-decoration:line-through;}


Please take a look at the little icons. I am missing the finger to the location and the clock for the time of the event.
I don't see where the problem could be.

Can you help me please?

Regards, Peter
Friday, 25 November 2022 12:49
·
#228752
Accepted Answer
0
Votes
Undo
Hello,

problem is solved.
I have changed the custom layout to:

<span class="${PAST_OR_FUTURE}"><br><span class="icon-hand-right fa-hand-point-right fa-hand-point-right"></i></span><strong>${title}</strong><br><span class="icon-calendar"></span>${startDate(%d %b %Y)}[!a:<br/><span class="icon-clock"></span>${startDate(%H:%M)} - ${endDate(%H:%M)}]
<span class="icon-globe"></span>${location}<br></span>


and the custom css to:

.icon-calendar, .icon-clock, .icon-hand-right, .fa-hand-point-right, .fa-hand-point-right, .icon-globe {margin-right: 10px;}

.mod_events_latest_first .past {text-decoration:line-through;}
.mod_events_latest .past {text-decoration:line-through;}


Regards, Peter
Friday, 25 November 2022 12:49
·
#228752
Accepted Answer
0
Votes
Undo
Hello,

problem is solved.
I have changed the custom layout to:

<span class="${PAST_OR_FUTURE}"><br><span class="icon-hand-right fa-hand-point-right fa-hand-point-right"></i></span><strong>${title}</strong><br><span class="icon-calendar"></span>${startDate(%d %b %Y)}[!a:<br/><span class="icon-clock"></span>${startDate(%H:%M)} - ${endDate(%H:%M)}]
<span class="icon-globe"></span>${location}<br></span>


and the custom css to:

.icon-calendar, .icon-clock, .icon-hand-right, .fa-hand-point-right, .fa-hand-point-right, .icon-globe {margin-right: 10px;}

.mod_events_latest_first .past {text-decoration:line-through;}
.mod_events_latest .past {text-decoration:line-through;}


Regards, Peter
Tuesday, 29 November 2022 15:23
·
#228794
0
Votes
Undo
Well done for figuring this out.

JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!

  • Page :
  • 1
There are no replies made for this post yet.