Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review

file Pagination: CSS settings have changed

More
10 years 2 weeks ago #3548 by haile
Hello,
with the last upgrade of Joomla (3.2.2 to 3.2.3), the buttons that display the pagination have changed. Do you think that you will upgrade you component or I need to proceed to an override of my css in order to have the same display in my website?

Thank you

Please Log in or Create an account to join the conversation.

More
10 years 2 weeks ago #3549 by admin
Replied by admin on topic Pagination: CSS settings have changed
Hello,
the pagination buttons are actually your template's, the component does not add its own pagination styles, other than positioning.
So, indeed, you will probably have to override the buttons' styles to fit your desired look.

Olivier.

Please Log in or Create an account to join the conversation.

More
10 years 2 weeks ago #3550 by haile
Replied by haile on topic Pagination: CSS settings have changed
ok, thank you ;)

Please Log in or Create an account to join the conversation.

More
10 years 2 weeks ago #3552 by haile
Replied by haile on topic Pagination: CSS settings have changed
Hello again :)
Finally, I think it will be difficult to adapt your component with Bootstrap classes which nevertheless allow a pagination.
Why you have not implemented in the component?
In Trombinoscope I can't find a structure that help me to implement what I want to do.
I would like to have an homogeneity in the presentation of the pagination buttons, as I managed with the JEvents component.
Do you think that's mission impossible with Trombinoscope Extended?
Otherwise the only solution is to hide Bootstrap icons with a display:none; class :dry:

The problem with Trombinsocope Extended
Buttons pagination with JEvents

Thank you

Please Log in or Create an account to join the conversation.

More
10 years 2 weeks ago #3553 by admin
Replied by admin on topic Pagination: CSS settings have changed
It definitely is not mission impossible.
The component's stylesheet is made in a way to ensure it takes the template's 'look', but, depending on the template, you need to 'tweak' or add CSS styles to it to make it look the way you want. The styles are not made by the component because there is no way to know how the overall pagination of a site will be.

Well, with just a bit of CSS, I was able to make both pages identical:
.pagination_cards .pagination a.last {
    background-image: url("/images/toukoul_grafiks/glyphicons-halflings-white.png");
    background-position: -348px -66px;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 14px;
    vertical-align: top;
}

.pagination_cards .pagination a {
    background-color: #1A1A1C;
    color: #FFFFFF;
    display: inline-block;
    font-weight: normal;
    height: 14px;
    line-height: 120%;
    padding: 6px 12px;
    width: 14px;
}

You may have to tweak it a little more, but this is a start.

Olivier.

Please Log in or Create an account to join the conversation.

More
10 years 2 weeks ago #3554 by haile
Replied by haile on topic Pagination: CSS settings have changed
ok, thank you ;)

…of course -> font-size: 0px :whistle:
Do you think that there is way to display buttons at the same time (first, previous, last, next) and integrate tooltips of Bootstrap?

Please Log in or Create an account to join the conversation.