1. Forums
  3. Community Discussions
  5. Community Builder
  7. General
  9. Customize pagination

Customize pagination

4 years 5 months ago #315100 by HHZV_Plons
Customize pagination was created by HHZV_Plons
The default pagination of a list contains the HTML-characters &laquo, &lsaquo, &rsaquo and &raquo. I don't like these characters and I would like to change them into icons. I have found the file in which the characters are used, it's: \libraries\CBLib\CB\Legacy\cbPageNav.php

I tried to override this library file by creating the exact same folders and subfolders in my template's html folder, but that didn't work. How can I override these HTML-characters and change them?

Please Log in to join the conversation.

4 years 5 months ago #315107 by krileon
Replied by krileon on topic Customize pagination
Override them using CSS. Do not modify core code as you will lose your changes on every update. For example next links have the cbPageNavNext CSS class on their container and cbPageNavLink CSS class on the link it self. The below for example changes the next character to a fontawesome icon.

.cbPageNavNext .cbPageNavLink {
	font-size: 0 !important;
}

.cbPageNavNext .cbPageNavLink:after {
	display: inline-block;
	font-family: FontAwesome !important;
	font-size: initial;
	content: "\f105";
}

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: nant, HHZV_Plons

Please Log in to join the conversation.

4 years 5 months ago #315182 by rohitagrwal
Replied by rohitagrwal on topic Customize pagination
use css for that

Please Log in to join the conversation.

4 years 3 months ago #315898 by HHZV_Plons
Replied by HHZV_Plons on topic Customize pagination
Thank you! This solved my problem

Please Log in to join the conversation.

Moderators: beat, nant, krileon
  1. Forums
  3. Community Discussions
  5. Community Builder
  7. General
  9. Customize pagination
Time to create page: 0.167 seconds

Facebook Twitter LinkedIn

    You are here:  
  1. Home
  2. Forums
  3. Community Discussions
  4. Community Builder
  5. General
  6. Customize pagination

Search

Login / Logout

User Menu