# 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 | | --- # 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.openstad.org/openstad/manual/modules/resource-overview.md?ask= ``` 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.