Pagination styling
By Apos on Tuesday, 15 October 2019
Posted in JEvents (Free Access)
Replies 15
Likes 0
Views 1.5K
Votes 0
Hello,
We have installed JEvents in our website https://www.zhteitai.gr .
On page https://www.zhteitai.gr/proslipseis-theseis-ergasias/proslipsis-dimosiou
which is a "list by category" jevens menu item, appears the pagination on the bottom in a way that is not very nice.
We'd like to ask you how can we change the appearance of pagination.
View attached screenshot "jevents-pagination", please.
Thank you in advance,
Apos jevents-pagination.jpg
heinz

Regarding fontawesome. Cassiopeia loads joomla-fontawesome.min.css by default - whereas Atum in the backend loads fontawesome.css

I'll also follow up in the other topic
geraint
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

It would appear your theme is trying to style it. We use the native core method.

Can you try making sure pagination.php exists in html on your themes directory? If it doesn't copy it from protostar and try again?

Many thanks
Tony
tonyp
·
5 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello, we did that you suggested and works much better.
We also added some css for the styling.
We have two questions though:
1. How can we make "previous" and "next" fields to display its content? Now they both look empty.
2. On mobile the pagination doesn't displayed well. What should we do?
Thank you,
Apos jevents-pagination-3.jpg
Apos
·
5 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

Ahh good to hear. It sounds like mainly a template issue. If you joint he silver club and provide super users logins I'll login and write some custom css and include the font-pack needed for the theme prev and next or update it to use the themes for you :-)

Many thanks
Tony
tonyp
·
5 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok, we'll consider that and let you know.
Thank you.
Apos
Apos
·
5 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
No problem at all, but otherwise it's just CSS changes / checking the font library / tags for the pagination. It's a shame your theme isn't doing this already.
tonyp
·
5 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

There is the same problem with Cassiopeia default theme on Joomla 4… css joomla-fontawesome not loaded and empty span. Do you have a solution to fix it ?

Thanks !

Regards,
maverick298
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
If you load fontawesome does it render correctly?>
tonyp
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
No ! It seems assets are loaded in the wrong element : <body> element instead of <head> element… fonteawesome is already include with Cassiopeia theme.

Any idea ?
maverick298
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Another element, I try to load fontawesome using the WebAssetManager, unfortunatly nothing append.
maverick298
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

I think I have the same issue (look at the last response of https://www.jevents.net/discussions/standard-variables-overwitten-by-jevents).

Additionally I have found that at the frontend (Cassiopeia template and extplus theme) joomla-fontawesome.min.css is loaed: At the backend it is fontawesome.min.css. Here the icons are displayed correctly.

But I do not think that this is the reason for the issue. From my point of view it is the missing ::before statement in case the main calandar is active. Since the pagintaion is under main (see my other post) part of a #jevents structure and not of the standard div. com-content-category-blog blog structure, I suppose that JEvents itself is the reason for. But this needs to be clarified by the JEvents team.


Regards
Heinz
sysdacapo
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello @sysdacapo,

Thanks for your reply. I don't have access to your link...

Regards
maverick298
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry I forgot to mention, that I posted it as Gold Member. So only Gold Member have access to.

But after update to 3.6.31 everything is ok now. Do you have made this update already? (Meanwhile 3.6.32 has been delivered.)
sysdacapo
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
You can load the assets into the <body> as long as it is </body> at the end, it means the page will partially load before the scripts are loaded and kinda standard these days.

Please do update and let me know if the issue persists.

Many thanks
Tony
tonyp
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello, Many Thanks for your replies !

I update to Jevents 3.6.33, and still the same issue... But if I enable the JOOMLA Debug System (or Debug Language) everything works well : joomla-fontawesome.css is loaded correctly, initiated by Cassiopeia template.js (an EventListener on DOMContentLoaded).



[].slide.call(document.head.querySelectorAll('link[rel="lazy-stylesheet"]')).forEach(function($link){

    $link.rel = "stylesheet";

});


However, when debug system is disabled, assets are loaded in the body, so document.head... doesn't contain the joomla-fontawesome.css right ?

Regards
maverick298
·
2 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post