cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - You can change your system assigned username to something more personal in your community settings. X

CSS for Pagination Widget

Sathishkumar_C
17-Peridot

CSS for Pagination Widget

How to apply CSS for pagination widget?

I need to reduce the height and width of pagination widget.

1 ACCEPTED SOLUTION

Accepted Solutions

.widget-ptcspagination::part(carousel)::part(page-number-button){
min-height:20px !important;
height:20px !important;
}
.widget-ptcspagination::part(carousel)::part(right-arrow){
min-height:14px !important;
height:14px !important;
border-width: 0px;
}
.widget-ptcspagination::part(carousel)::part(left-arrow){
min-height:14px !important;
height:14px !important;
border-width: 0px;
}

Used above CSS codes

View solution in original post

2 REPLIES 2

 Hi,

 

You can find some information about custom CSS property for the paging widget here: https://community.ptc.com/t5/ThingWorx-Developers/display-only-2-pages-for-pagination-widget/td-p/669050

.widget-ptcspagination::part(carousel)::part(page-number-button){
min-height:20px !important;
height:20px !important;
}
.widget-ptcspagination::part(carousel)::part(right-arrow){
min-height:14px !important;
height:14px !important;
border-width: 0px;
}
.widget-ptcspagination::part(carousel)::part(left-arrow){
min-height:14px !important;
height:14px !important;
border-width: 0px;
}

Used above CSS codes

Top Tags