custom pager

[dusrkdldlr]

hi!
I would like to use a pager with a different design.
Is it possible to set it with the template property of pager?

[yavordashew]

Hi dusrkdldlr,
Which part of the design you want to change?
For example if you want to change change the background-color or border-radius on page identifier you can do it by accessing the classes of the elements you want to change :

.smart-pager .smart-pager-page-index-selector{
    border-radius: 0.25rem;
    background-color: rebeccapurple;
    color: white;
} 

Or for a selected page identifier

.smart-pager .smart-pager-page-index-selector[selected]{
    background-color: blue;
}

Another option is to check this demo which shows the different pagination options:
https://www.htmlelements.com/demos/grid/paging-advanced/
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[dusrkdldlr]

how to use grid.pager.template?

[yavordashew]

Hi dusrkdldlr,
Unfortunately we don’t support this feature for the pager I know that maybe the documentation can be a little misleading because the template property of the pager is there but we are working on to include feature as well.For the time being its best to use the CSS properties.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts