# NorrCompetition Grid

<figure><picture><source srcset="https://4110454137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FemWP543OtNCmlHpJBjKV%2Fuploads%2FrWMm4lT9dK3V1GtZ0tbb%2Fnc-module-grid-dark-min.png?alt=media&#x26;token=d9832f6c-ee12-4977-b8ba-6c18ad2fe141" media="(prefers-color-scheme: dark)"><img src="https://4110454137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FemWP543OtNCmlHpJBjKV%2Fuploads%2FcxPO4cutu7GgKiL3M5oR%2Fnc-module-grid-min.png?alt=media&#x26;token=ad073b8f-f1d9-407b-89e0-c205217240d2" alt="NorrCompetition Grid module settings"></picture><figcaption><p>NorrCompetition Grid settings</p></figcaption></figure>

* **Count** – specify the entries count to display in module
* Tit**le Length** – if set then the title of the entry will be truncated till this value. You may set it when the title breaks the layout
* **Contests** – select the contests which the entries should be displayed from. It is also the tags for the filter
* **Order** – select the ordering for the entries. *Rating, Ordering, Created Date, Random*
* **Order Direction** – *Ascending or Descending*

### Filter

* **Use Filter** – show or hide filter
* **Show button 'All'** – show button *'All'* in filter navigation (the button text is overridden in the .ini file
* **Load init script in head** – load the JavaScript scripts into the head section of the page.

### Load More

* **Show 'Load More'** – show or hide *'Load More'* button. (the button text is overridden in the .ini file
* **Display default** – the number of items loaded by default. Enter 0 if you need show all at once
* **Load on** – how many elements will be uploaded every time

### Sorting

* **Use Sorting** – show or hide sorting
* **Default** – sort button by default
* **Name** – sort button by name
* **Reverse Name** – use sorting by name in reverse order
* **Rating** – sort button by rating
* **Reverse Rating** – Use sorting by rating in reverse order
* **Latest** – sort button by latest
* **Reverse Latest** – use sorting by latest in reverse order
* **Random** – random sorting

### Style

* **Filter class** – additional class suffix
* **Filter Nav class** – additional class suffix for filter navigation
* **Sorting Nav Class** – additional class suffix for sorting navigation

### Grid

* **Columns** – the number of columns in the grid

### Main Layout Settings

* **Image** – show or hide the image of the entry
* **Image Size** – size image of the entry. *Big, Medium, Small*
* **Image Link** – use link in image at the entry
* **Lightbox** – use lightbox link in image instead the entry
* **Lightbox Image Size** – select size image for lightbox. *Big, Medium, Small*
* **Title** – show or hide the title of the entry
* Ti**tle Link** – use link in title at the entry
* **Contests** – show or hide the tag of the contest
* **Contest Link** – use link in tag at the contest
* **Rating** – show or hide the rating of the entry

See [live demo](https://norrcompetition.norrnext.com/add-ons/grid-module) of Grid module.

<figure><picture><source srcset="https://4110454137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FemWP543OtNCmlHpJBjKV%2Fuploads%2FBroN1OZgQz48Qw1JWc1p%2Fnc-module-grid-front-dark-min.png?alt=media&#x26;token=cb0c6a01-8c0b-4a2f-b0c9-8224a209ce96" media="(prefers-color-scheme: dark)"><img src="https://4110454137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FemWP543OtNCmlHpJBjKV%2Fuploads%2FeVu8Ayqp9HPgkZju58Xo%2Fnc-module-grid-front-min.png?alt=media&#x26;token=fef5ac9c-27b0-4cd9-8018-bc465ad34384" alt="NorrCompetition Grid module - front-end"></picture><figcaption><p>Grid module - front-end</p></figcaption></figure>
