Demo template

Slimmer werken

Een website die met je bedrijf meegroeit

Deze demo gebruikt één HTML-structuur voor vier visuele stijlen en alle belangrijke MyBMS-contentcomponenten.

Beeld en inhoud

Een header die past bij de boodschap

Test een compacte header, beeldheader of slider en combineer de uitgebreide slideroptie wanneer je meer vrijheid nodig hebt.

MyBMS basis

Beheerbare content zonder template-afhankelijkheid

Dezelfde opgeslagen content kan van stijl wisselen zonder dat MyBMS hoeft te weten hoe de gekozen template eruitziet.

Template architectuur

Eén basis, vier verschillende stijlen

Gedeelde HTML

Inhoud staat centraal

Deze kolom simuleert content uit de MyBMS editor. Tekst, knoppen, uitlijning en media blijven onafhankelijk van de gekozen template.

Lees verder

Zelfde content, andere stijl

Template bepaalt de vorm

Via de knop rechtsboven kun je live van template wisselen. De HTML verandert niet: alleen config.css en template-config.css worden vervangen.

Bekijk componenten

Nieuwe sectiegroep

Meerdere secties op één achtergrond

Layout instelling

Kolom met kader

Dit is een kolomkader: een layoutkader rond de volledige kolom. Het staat los van het contentkader dat Quill binnen een tekstblok kan plaatsen.

Contentkader: dit kader hoort juist bij de editorcontent en kan tekst, links en andere rich text bevatten.

Content component

Panelen

MybMS panel

Een eenvoudig paneel met een vaste titelbalk en content. Niet inklapbaar, wel volledig templatebaar.

Paneel actie

Responsive grid

Vier kolommen blijven onderdeel van hetzelfde systeem

Kolom 1

Voorbeeld van het 1–4 kolommenprincipe. Op kleinere schermen schaalt het grid gecontroleerd terug.

Kolom 2

Voorbeeld van het 1–4 kolommenprincipe. Op kleinere schermen schaalt het grid gecontroleerd terug.

Kolom 3

Voorbeeld van het 1–4 kolommenprincipe. Op kleinere schermen schaalt het grid gecontroleerd terug.

Kolom 4

Voorbeeld van het 1–4 kolommenprincipe. Op kleinere schermen schaalt het grid gecontroleerd terug.

Configuratordata als tijdelijke hardcode

Functionele uitbreidingen

Nieuws / blog

Publiceer nieuws, updates en artikelen zelf vanuit MyBMS.

+ € 5 p/m

Projecten / portfolio

Toon projecten, cases, diensten of eerder werk in beheerbare overzichten.

+ € 5 p/m

Inputs, forms, tabellen, prompts en media

Componentpagina / QA

Formulieren

HTML5 controls

  • 0
    45
    100

Meldingen en modal

InfoInformatieve melding voor bezoekers.
GeluktDe bewerking is succesvol verwerkt.
Let opControleer deze instelling nog even.
FoutEr ging iets mis bij de verwerking.

Video panel

Voorbeeldtabel
KlantStatusDatumBedrag
Van Dijk BVActief17-10-2026€ 149,00
Studio NoordConcept16-10-2026€ 79,00
Vereniging ZuidActief15-10-2026€ 99,00

Voorbeeld prompt

Dit dialog-element test de nieuwe prompt/modal-opmaak, backdrop, focus en Escape-afhandeling.