search

stevenrskelton / sortable-table

Polymer Web Component that generates a sortable <table> from inlined or AJAX JSON, JSON5, and arrays.
https://stevenrskelton.github.io/sortable-table/
MIT License
196 stars 37 forks source link

defaultPager icons invisible #17

Closed hville closed 10 years ago

hville commented 10 years ago

For information, the unicode characters &#9198, 9194, 9193 and 9197 used for the forward-backward buttons in the defaultPager template don't display on my system (a windows 8.1 systems with 160+ fonts available). I can create a custom pager for my own use but suggest that a default template uses or more common symbols.

stevenrskelton commented 10 years ago

Thanks for the heads up, I've noticed 2 of the 4 don't show on Mac OS X either. I'll change them to something better supported.

stevenrskelton commented 10 years ago

I don't have access to a Windows machine so I can't pick supported unicode characters - I'll default to > and < and let users override them in CSS.

The bootstrap theme does this using 

.bootstrap::shadow .defaultPager > div:nth-of-type(2) > button:nth-of-type(1) {
    background-image: url(...)
}

And the extjs4 theme uses content instead of background-image because the background is already being set as part of the theme.

I haven't tried it, but I think using content should also supports FontAwesome characters if you don't like images.

hville commented 10 years ago

Sweet. I'll give it a try. Until now I had defined another pager template using the Polymer button and SVG icons: <core-icon-button icon="av:skip-previous" disabled?="{{page==1}}" class="btn btn-default btn-sm" on-click="{{moveToFirstPage}}"> </core-icon-button>