Giter Site home page Giter Site logo

delef / will_paginate-bootstrap4 Goto Github PK

View Code? Open in Web Editor NEW
75.0 5.0 10.0 29 KB

Hooks into will_paginate to format the html to match Twitter Bootstrap 4 styling

License: MIT License

Ruby 100.00%
ruby will-paginate paginate bootstrap paginate-stylings bootstrap4

will_paginate-bootstrap4's Introduction

Will Paginate link renderer styles for Twitter Bootstrap 4

ex

Rails Engine that extends will_paginate stylings to match the pagination styling conventions in Twitter's Bootstrap 4 toolkit.

Installation

Add to your Gemfile:

gem 'will_paginate-bootstrap4'

Usage

<%= will_paginate @clients, renderer: WillPaginate::ActionView::BootstrapLinkRenderer %>

The following options are available (in addition to the options available in will_paginate):

:list_classes = ['pagination']    # Array of classes
:aria_label = 'Page Navigation'   # The aria label to use in the Nav tag
:previous_label = '&laquo;'       # Previous page label
:next_label = '&raquo;'           # Next page label

For example, to place the navigation section to the far right of the page, use this in your view:

<%= will_paginate @clients, list_classes: %w(pagination justify-content-end) %>

Just like you would in the regular will_paginate. If you've got a need to use the default will_paginate stylings, pass an option like so:

<%= will_paginate @collection, renderer: WillPaginate::ActionView::LinkRenderer %>

Copyright (c) 2016-2018 Ivan Palamarchuk released under the MIT license

will_paginate-bootstrap4's People

Contributors

aaschofield avatar delef avatar edwardmp avatar edwin7 avatar rogere avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.