PHPackages                             wingsline/inuitcss - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. wingsline/inuitcss

ActiveLibrary[Utility & Helpers](/categories/utility)

wingsline/inuitcss
==================

inuit.css helpers and pagination for Laravel 4.1

1.0(12y ago)101311MITPHPPHP >=5.3.7

Since Mar 7Pushed 11y ago1 watchersCompare

[ Source](https://github.com/wingsline/inuitcss)[ Packagist](https://packagist.org/packages/wingsline/inuitcss)[ RSS](/packages/wingsline-inuitcss/feed)WikiDiscussions master Synced yesterday

READMEChangelog (1)Dependencies (1)Versions (4)Used By (0)

Wingsline/inuitcss
------------------

[](#wingslineinuitcss)

[inuit.css](http://inuitcss.com/) html, form helpers and pagination for [Laravel 4](http://laravel.com)

### Requirements

[](#requirements)

- PHP 5.3+
- Laravel 4.1

### Installation

[](#installation)

Wingsline/inuitcss is available on Packagist ([wingsline/inuitcss](http://packagist.org/packages/wingsline/inuitcss)) and as such installable via [Composer](http://getcomposer.org/).

If you do not use Composer, you can grab the code from GitHub, and use any PSR-0 compatible autoloader (e.g. the [Symfony2 ClassLoader component](https://github.com/symfony/ClassLoader)) to load Wingsline/Inuitcss classes.

### Form elements

[](#form-elements)

In order to use inuitcss styled form elements replace the following alias in the app/config/app.php:

```
'Form'            => 'Illuminate\Support\Facades\Form'

```

with

```
'Form'            => 'Wingsline\Inuitcss\Facades\Form'

```

So when in example you call Form::text() a text field will be generated, BUT the text field will have the `text-input` class added to it automatically.

Currently the following elements will have the text-input added to it:

- Form::text()
- Form::password()
- Form::email()
- Form::textarea()

Also there is a Form::extraHelp() available to add help text displayed after a field when that field is in focus (see [forms](http://jsfiddle.net/inuitcss/MhHHU/)):

```
Form::extraHelp('.edu emails only')

```

#### Highlight label in case of a validation error

[](#highlight-label-in-case-of-a-validation-error)

You can also highlight a label of an input element when a validation error occurs. Simply add the $errors from the view into the Form::open().

```
Form::open(array('errors' => $errors))

```

The default css class is `error`, but if you want to change that add the errors like this:

```
Form::open(array('errors' => array($errors, 'mycustomclass')))

```

### Pagination

[](#pagination)

After installation add the Wingsline/InuitcssServiceProvider to the config/app.php's service providers:

```
'Wingsline\Inuitcss\InuitcssServiceProvider'

```

then change the config/view.php `pagination` value to one of the following views:

#### slider:

[](#slider)

Show the most links with text labels

```
'pagination' => 'inuitcss::pagination.slider'

```

[![slider](https://camo.githubusercontent.com/6d4892f78725876ca7a6408b1305fea0b5d6a1fc5a258151333cfa9ac447ef92/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f732f66706b6878346436316e61303065622f736c696465722e706e673f646c3d3126746f6b656e5f686173683d414146787431785545672d307131386e77466637724464566a4269385545785064582d57563073655a7963514751 "slider")](https://camo.githubusercontent.com/6d4892f78725876ca7a6408b1305fea0b5d6a1fc5a258151333cfa9ac447ef92/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f732f66706b6878346436316e61303065622f736c696465722e706e673f646c3d3126746f6b656e5f686173683d414146787431785545672d307131386e77466637724464566a4269385545785064582d57563073655a7963514751)

#### simpleslider:

[](#simpleslider)

Shows the slider pagination except the first and last page links

```
'pagination' => 'inuitcss::pagination.simpleslider'

```

[![simpleslider](https://camo.githubusercontent.com/1765c4510c6b5565c50bea1ef791ae2516023bdcca665df9c4f62b936ece781a/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f732f6264317176776d6d723171316b396f2f73696d706c65736c696465722e706e673f646c3d3126746f6b656e5f686173683d4141473565734d5f7541626a45324a70584747374674422d444c5238536670795170545a306f7230473678533877 "simpleslider")](https://camo.githubusercontent.com/1765c4510c6b5565c50bea1ef791ae2516023bdcca665df9c4f62b936ece781a/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f732f6264317176776d6d723171316b396f2f73696d706c65736c696465722e706e673f646c3d3126746f6b656e5f686173683d4141473565734d5f7541626a45324a70584747374674422d444c5238536670795170545a306f7230473678533877)

#### slidernotext:

[](#slidernotext)

Shows the slider but without text labels

```
'pagination' => 'inuitcss::pagination.slidernotext'

```

[![slidernotext](https://camo.githubusercontent.com/5372f1aff2a6b307ad64ad4f36b523d8e8c501ef60d85ae0022231c69c42800c/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f732f347a3264366861636d77396b3233352f736c696465726e6f746578742e706e673f646c3d3126746f6b656e5f686173683d414146724641654b66624b41564b455f2d36335573596a6d5230325f6378766c56752d7842353063317637745451 "slidernotext")](https://camo.githubusercontent.com/5372f1aff2a6b307ad64ad4f36b523d8e8c501ef60d85ae0022231c69c42800c/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f732f347a3264366861636d77396b3233352f736c696465726e6f746578742e706e673f646c3d3126746f6b656e5f686173683d414146724641654b66624b41564b455f2d36335573596a6d5230325f6378766c56752d7842353063317637745451)

#### simple

[](#simple)

Just the basic previous and next links.

```
'pagination' => 'inuitcss::pagination.simple'

```

[![simpleslider](https://camo.githubusercontent.com/9404309683cf08cbc3c5b0dfaaac2fbb257334de530f519d34246f1c3b1f6f65/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f732f686461686831783077336d72746b332f73696d706c652e706e673f646c3d3126746f6b656e5f686173683d4141453569707162485a504f5a7051614b2d4f662d4834687239797561745978565f54777a74734d7551656b6941 "slider")](https://camo.githubusercontent.com/9404309683cf08cbc3c5b0dfaaac2fbb257334de530f519d34246f1c3b1f6f65/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f732f686461686831783077336d72746b332f73696d706c652e706e673f646c3d3126746f6b656e5f686173683d4141453569707162485a504f5a7051614b2d4f662d4834687239797561745978565f54777a74734d7551656b6941)

### Language

[](#language)

The language keys for the pagination (`app/lang/en/pagination.php`) should look similar to this:

```