A Bootstrap 4 Pagination question

[xycofryx]

Fabrik: 3.9
Joomla: 3.9.2
Template: Helix Ultimate (Bootstrap 4)
A have a question on how to style the pagination?
I can't seem to find the "<a>" tag where I can put the "page-link" class.
I have tried to copy and create a layout override for the "fabrik-pagination-links.php" but to no avail.
As we all know the structure for the Bootstrap 4 pagination is:

<nav aria-label="Page navigation example">
  <ul class="pagination">
   <li class="page-item"><a class="page-link" href="#">Previous</a></li>
  </ul>
</nav>

If you can point me on the proper direction that would be great.
-Sam

 

[lousyfool]

You didn't see the other files in the same folder? Check out "fabrik-pagination-item-active.php" and "fabrik-pagination-item-inactive.php", that's where the <a> and <span> are.

 

[xycofryx]

Forgot to mention I did that already on both files ("fabrik-pagination-item-active.php" and "fabrik-pagination-item-inactive.php"), funny because when i inspect them the "page-link" class did not apply. Any idea?

 

[lousyfool]

Haha, yes, that piece of information was missing from you!

Hmm, the usual checks:
1. What's it looking like with Protostar? Should be default unless someone's been messing with core files.
2. All override files in the right folder? /templates/YOUR_TEMPLATE/html/layouts/com_fabrik/pagination
3. Link to page?

 

[xycofryx]

1) Looks normal on the Prostar.
2) Yup! Overrides via the Helix Ultimate template.
2) http://150.95.32.43:8082/tributaries

 

[lousyfool]

Ok, so "page-item" is in use on some of the <li>, but not all, so you'll need to re-visit "fabrik-pagination-links.php".

Then, in the aforementioned two files ("fabrik-pagination-item-active.php" and "fabrik-pagination-item-inactive.php") you seem to have completely removed anything "class". Instead, you want to have class="page-link" attributed to the <a>.

Perhaps get rid of your current override files and start from scratch with fresh copies of the core files in the override folder. Then best go step by step and each time watch the changes in the HTML output?

 

[xycofryx]

I guess that would be the next step. Thank you much.

 

[lousyfool]

Walang anuman!

 

[troester]

Did you look at the bootstrap3 override files?
There's a
https://github.com/Fabrik/Fabrik-Joomla-alt-layouts/tree/master/bootstrap3/pagination

 

[xycofryx]

Yup! Currently using your bootstrap 3 override to no avail. Something about "fabrik-pagination-item-active.php" and "fabrik-pagination-item-inactive.php" not applying even in the if being overiden in the components folder.

 

[lousyfool]

Well, you're almost there:
All <li> have the "page-item" class. Good.

Now only the other two files, and you're done:

fabrik-pagination-item-active.php

<a title="<?php echo $item->text; ?>" href="<?php echo $item->link; ?>" class="page-link"><?php echo $item->text; ?></a>

fabrik-pagination-item-inactive.php

$d    = $displayData;
$item = $d->item;
$app  = JFactory::getApplication();

if ($app->isAdmin()) :
    ?>
    <span><?php echo $item->text; ?></span>
    <?php
else :
    ?>

    <span class="page-link"><?php echo $item->text; ?></span>
    <?php
endif;

 

[xycofryx]

Nope to no avail. I will be resorting to on mousemove jquery.

 

[troester]

The Fabrik-Joomla-alt-layouts (tested in Purity_III) are applying any change I made in fabrik-pagination-links.php correctly.

But you are right. It seems the layout files
fabrik-pagination-item-active.php
fabrik-pagination-item-inactive.php
aren't used at all. Nothing is changing even if you modify the core files directly.

In fabrik-pagination-links.php $list[...]['data'] contains the link, so you may do some string handling there to add your class.

 

[cheesegrits]

I can't remember why we didn't use those layouts, but the item_active and item_inactive functions can be overridden in the template ...

components/com_fabrik/views/list/tmpl/bootstrap/default_pagination.php

-- hugh

 

[troester]

Ha, so easy (I didn't check the template).

But you must create a custom template so the modification won't be overridden by updates.

 

[xycofryx]

Thanks Hugh... That did it. No more JQuery dirty hacks

 

[cheesegrits]

I still don't know why we don't use layouts for that. We obviously created the layouts, 'cos they are there ... but the we didn't use them.

When I get a minute, I'll look at it.

It's probably because there were backward compat issues with people already using custom templates, which would have quit using those overrides if we switched to layouts. But that's a one time pain.

-- hugh