# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.norrnext.com/norrcompetition/modules/norrcompetition-grid.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
