> For the complete documentation index, see [llms.txt](https://docs.openstad.org/openstad/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openstad.org/openstad/manual/modules/resource-overview.md). # Resource overview De *resource overview*-widget gebruik je om een overzicht te tonen van alle items van een bepaalde *gegevensbron (resource)* die opgeslagen zijn in de achterliggende database. In de meeste gevallen wordt deze widget gebruikt om alle *inzendingen* van een website te tonen. Zie [Inzendingen weergeven](/openstad/manual/how-tos/show-ideas.md) voor veelvoorkomende manieren om deze widget in te zetten. ## Widget settings ### General | Instelling | Toelichting | | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | Resource | Kies met welke gegevensbron je de widget wil gebruiken. Zie [Resources](/openstad/manual/miscellaneous/resources.md) voor meer info. | | Enable voting | Is alleen beschikbaar als je bij *Resource* voor *Idea* hebt gekozen. Kies *Yes* als je vanuit het overzicht wil kunnen stemmen op inzendingen. Zie [Stemmen](/openstad/manual/how-tos/voting.md#maximaal-een-inzending-plan-kiezen) (onder [Stemmen](/openstad/manual/how-tos/voting.md)) voor meer informatie. Als je *Yes* kiest, wordt het overzicht weergegeven als *Card in a grid - opens item on the same page*, ongeacht wat je bij *Display Type* (hieronder) kiest. | | Display Type |

Kies hoe de items in het overzicht getoond worden. Er zijn drie opties;
- Card in a row: deze optie toont tegels die doorlinken naar een detailpagina als je er op klikt. Geef bij Url structure for the resource aan onder welke URL deze detailpagina zich bevindt.
- Card in a grid: bij deze optie worden items op dezelfde pagina geopend als je er op klikt, in een 'uitklapper' direct onder de rij tegels van het desbetreffende item.
- Raw: als je deze optie kiest, verschijnt de optie Raw input. Lees die toelichting hieronder voor meer informatie.

| | Url structure for the resource | Geef aan onder welke URL de detailpagina zich bevindt. Doe dit door de [slug ](https://developer.mozilla.org/en-US/docs/Glossary/Slug)in te vullen, oftewel het stuk van de URL áchter de basis-URL van de homepagina van de website. Voorbeeld: als de URL van de homepagina `www.openstadsite.org/indiensite` is, en de detailpagina draait onder `www.openstadsite.org/indiensite/detail`, dan vul je bij deze instelling `/detail` in als URL structuur / slug. Zie [Inzendingen weergeven](/openstad/manual/how-tos/show-ideas.md#inzending-detailpagina) (onder [Inzendingen weergeven](/openstad/manual/how-tos/show-ideas.md)) voor meer informatie. | | Allow for liking on ideas directly in overview | Werkt alleen als je bij *Display Type* kiest voor *Card in a row*. Als je vervolgens bij deze optie voor *Yes* kiest, dan kun je op de tegel in het overzicht het item liken door op de 👍 te klikken. | | Raw input | Is alleen beschikbaar als je bij *Display Type* voor *Raw* kiest. Gebruik hier HTML en variabelen om zelf de overzichtsweergave te ontwerpen. Zie [Raw](/openstad/manual/miscellaneous/raw.md) voor meer informatie. | ### Image settings | Instelling | Toelichting | | -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------- | | Default image | Kies welke afbeelding op de tegel getoond moet worden in het geval dat een item zelf geen afbeelding heeft. | | Aspect ratio for images in tiles | Kies in welke [beeldverhouding ](https://nl.wikipedia.org/wiki/Beeldverhouding)de afbeelding op de tegel getoond moet worden. | ### Display settings Onderstaande instellingen kunnen afhankelijk van de weergave die gekozen is onder *General > Display Type* effect hebben op de *tegel* (indien gekozen voor *Card in a row*) en/of de '*uitklapper*' (indien gekozen voor *Card in a grid*). | Instelling | Toelichting | | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Display Title | Toon de titel op de tegel of in de uitklapper. | | Display ranking | | | Display Label | | | Display summary | Toon de samenvatting op de tegel of in de uitklapper. | | Display description | Toon de beschrijving in de uitklapper. | | Display arguments count? | Toon het aantal reacties dat bij een inzending geplaatst is op de tegel. Zie [Arguments](/openstad/manual/modules/arguments.md) voor meer informatie rondom het plaatsen van reacties. | | Show vote counter (for gridder) | Toon het aantal uitgebrachte stemmen in de uitklapper. | | Display Sharebuttons |

Toon knoppen om een inzending te delen in de uitklapper.

| | Display edit link for Moderator? | Toon voor moderators onderaan in de uitklapper een link om de inzending te bewerken. | | Display caption in vote counter |

Toon een (korte) tekst naast het aantal stemmen. Standaard wordt 'stemmen' getoond.

| | Caption for vote counter | Kies een (korte) tekst naast het aantal stemmen, om de standaard 'stemmen' te overschrijven. | ### Button and Title text Onderstaande instellingen zijn alleen van toepassing als je bij *General > Display Type* kiest voor *Card in a grid*. | Instelling | Toelichting | | ----------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Text for hover on image |

Overschrijf de tekst van de 'Bekijk'-knop als je een mouse-over doet op de tegel.

| | Text in vote button in open ideas |

Overschrijf de tekst van de stemknop in de uitklapper.

| | Which field should be used as title for an idea | Standaard wordt de titel (*title*) van een inzending gebruikt om onder de afbeelding te weergeven. Je kunt er voor kiezen om hier een ander veld van een inzending te gebruiken. Zie [Inzendingen (ideas)](/openstad/manual/miscellaneous/inzendingen-ideas.md) voor de velden die je kunt gebruiken. | ### Styling | Instelling | Toelichting | | --------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Card style |

Weergave van de tegel. Kies uit:
- White card with shadow

- Grey card

| | Html class for the main container | Geef de overzichtsweergave een HTML class-naam mee, zodat je deze kunt stylen met eigen CSS-code. Deze kun je bijvoorbeeld invoeren via [Global](/openstad/manual/miscellaneous/openstad-hoofdmenu/global.md#vormgeving) in het [Global](/openstad/manual/miscellaneous/openstad-hoofdmenu/global.md) menu. | ### Sorting | Instelling | Toelichting | | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- | | Display sorting |

Kies of je de sorteer optie wil tonen bovenaan de overzichtsweergave.

| | Select the default sorting (needs to be checked) | Kies hoe het overzicht standaard gesorteerd wordt. Deze optie moet ook geselecteerd worden in de 'Select sorting avialable'-setting hieronder. | | Select sorting available (check one or more) | Kies welke sorteermogelijkheden je wil bieden. | ### Pagination Paginatie gaat over de paginanummers die getoond worden onderaan de widget als het aantal inzendingen een bepaalde hoeveelheid overschrijd.\ ![](/files/QHDpBTIIbxICE2tFir1g) | Instelling | Toelichting | | -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Amount of items per page | Kies hoeveel inzendingen je op één pagina wil tonen. | | Text for amount of results |

Kies welke tekst je bovenaan de overzichtsweergave wil tonen, om gebruikers te informeren over de hoeveelheid inzendingen. Gebruik de variabelen \[visibleCount] en \[totalCount] om respectievelijk het aantal zichtbare inzendingen op de pagina en het totale aantal inzendingen te gebruiken. Je kunt hiervoor opmaak HTML-tags gebruiken. Bijvoorbeeld: Je ziet \\[visibleCount]\ van in totaal \[totalCount] inzendingen.

| ### Theme | Instelling | Toelichting | | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Display theme filter? |

Kies of je de optie wil tonen om te filteren op thema.


Zie ook /pages/QjsFzmcmio5GEsYX4fIs#themes-areas-and-idea-types onder /pages/QjsFzmcmio5GEsYX4fIs.

| ### Area | Instelling | Toelichting | | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Display area filter? |

Kies of je de optie wil tonen om te filteren op gebied.


Zie ook /pages/QjsFzmcmio5GEsYX4fIs#themes-areas-and-idea-types onder /pages/QjsFzmcmio5GEsYX4fIs.

| ### Search | Instelling | Toelichting | | ----------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Display search? |

Kies of de zoekbalk getoond moet worden. Gebruikers kunnen zoeken op de titels van inzendingen.

| | Text for active search result |

Kies welke tekst je bovenaan de overzichtsweergave wil tonen, om gebruikers te informeren over hun zoekactie. Gebruik de variabele \[searchTerm] om de ingevulde zoekterm te gebruiken. Je kunt hiervoor opmaak HTML-tags gebruiken. Bijvoorbeeld: Je ziet de zoekresultaten voor: \\[searchTerm]\.

| ### Tags | Instelling | Toelichting | | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Display tag filters? | Kies of je het tags-filter wil tonen. Zie ook [Adminpanel (beta)/React admin](/openstad/manual/miscellaneous/adminpanel-beta-react-admin.md#tags) onder [Adminpanel (beta)/React admin](/openstad/manual/miscellaneous/adminpanel-beta-react-admin.md). | ### Include & Exclude items | Instelling | Toelichting | | ------------------------------------------------------------------------- | ----------- | | Exclude ideas with this theme | | | Only show idea including this theme (currently only works with one theme) | | | Show only following resources: | | ### Labels | Instelling | Toelichting | | ------------------------ | ----------- | | Label for status: \[...] | | ### Info | Instelling | Toelichting | | ------------------------------------- | ----------- | | Amount of characters for the summary | | | Step 1: intro | | | Step 2: intro | | | Step 2: succesfull feedback in button | | | Step 2: succesfully authenticated | | | Text in button for authenticating | | | Auth form embedded | | | Placeholder when no item is selected | | | Error for no selection | | | Success title | | | Success description | | | Site ID | | | Auth form: Unique code label | | | Auth form: Unique code button text | | | Auth form: SMS label | | | Auth form: SMS button text | | | Auth form: E-mail label | | | Auth form: E-mail button text | |