SlickGrid icon indicating copy to clipboard operation
SlickGrid copied to clipboard

next/previous button

Open Muneem opened this issue 8 years ago • 2 comments

I want t style next/previous buttons? I cant find how to style in your css. I want my own buttons

Muneem avatar Feb 02 '17 10:02 Muneem

If you inspect in a browser, this is the pager HTML:

<div class="slick-pager">
  <span class="slick-pager-nav">
    <span class="ui-state-default ui-corner-all ui-icon-container">
      <span class="ui-icon ui-icon-seek-first"></span>
    </span>
    <span class="ui-state-default ui-corner-all ui-icon-container">
      <span class="ui-icon ui-icon-seek-prev"></span>
    </span>
    <span class="ui-state-default ui-corner-all ui-icon-container">
      <span class="ui-icon ui-icon-seek-next"></span>
    </span>
    <span class="ui-state-default ui-corner-all ui-icon-container">
      <span class="ui-icon ui-icon-seek-end"></span>
    </span>
  </span>
  <span class="slick-pager-settings">
    <span class="slick-pager-settings-expanded" style="">Show: 
      <a data="0">All</a>
      <a data="-1">Auto</a>
      <a data="25">25</a>
      <a data="50">50</a>
      <a data="100">100</a>
    </span>
    <span class="ui-state-default ui-corner-all ui-icon-container">
      <span class="ui-icon ui-icon-lightbulb"></span>
    </span>
  </span>
  <span class="slick-pager-status">Showing page 4 of 2000</span>
</div>

The icons are currently standard jqueryUI icons, they are not styled by SlickGrid. So just apply CSS to the ui-icon class within a slick-pager-nav classed parents.

6pac avatar Feb 02 '17 23:02 6pac

My Case is different. i am seeing this as navigation button

Now there is some CSS written which is giving some arrow to navigation buttons.

Muneem avatar Feb 03 '17 11:02 Muneem