{"id":9133,"date":"2025-05-19T12:38:59","date_gmt":"2025-05-19T12:38:59","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&p=9133"},"modified":"2025-05-19T12:38:59","modified_gmt":"2025-05-19T12:38:59","password":"","slug":"hoe-verander-ik-de-kleur-van-de-knop-in-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/nl\/docs\/how-to-change-the-button-color-in-tableberg\/","title":{"rendered":"Hoe de knopkleur veranderen in Tableberg"},"content":{"rendered":"
Knoppen in een tabel moeten visueel duidelijk en interactief zijn. Een goed gekozen achtergrondkleur zorgt ervoor dat ze de aandacht van de gebruiker trekken, terwijl een vloeiend hover-effect bevestigt dat ze klikbaar zijn. Zonder deze elementen lopen knoppen het risico dat ze niet op hun plaats staan of, erger nog, onopgemerkt blijven.<\/p>\n\n\n\n
In deze handleiding leer je hoe je de kleuren en hover-effecten van knoppen kunt aanpassen in de editor, zodat je tabellen netjes, functioneel en professioneel blijven. <\/p>\n\n\n
<\/div><\/div><\/div>\n\n\n
Stap 1: Klik op de knop in de tabel<\/strong><\/h2>\n\n\n\n
Zoek de knop die je hebt toegevoegd in een tabelcel. Klik direct op de knop om het Button-blok te selecteren.<\/p>\n\n\n\n<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n
Stap 2: Open de zijbalk met blokinstellingen<\/strong><\/h2>\n\n\n\n
Zodra de knop is geselecteerd, kijk je naar de rechterzijbalk. Als de zijbalk niet zichtbaar is, klik dan op het pictogram Instellingen in de rechterbovenhoek van de editor om deze te openen. <\/p>\n\n\n\n<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n
Stap 3: ga naar het tabblad Stijlen<\/strong><\/h2>\n\n\n\n
Ga in de zijbalk naar het tabblad Stijlen. Hier bevinden zich alle uiterlijk-gerelateerde instellingen voor het Button-blok.<\/p>\n\n\n\n<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n
Stap 4: Kies een nieuwe knopkleur<\/strong><\/h2>\n\n\n\n
Scroll naar beneden voor het gedeelte Kleur. Je ziet opties om de tekstkleur, hover-tekstkleur, achtergrondkleur en hover-achtergrondkleur voor de knop in te stellen. <\/p>\n\n\n\n
Klik op het kleurenpalet en kies een kleur naar keuze, of voer een HEX\/RGB-code in als je precieze controle wilt.<\/p>\n\n\n\n<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n
Conclusie<\/strong><\/p>\n\n\n\n
Een goed ontwerp van knoppen in Tableberg tabellen komt neer op twee essenti\u00eble elementen. Ten eerste moet de kleur van de knop duidelijk contrasteren met de achtergrond van de tabel, zodat hij in \u00e9\u00e9n oogopslag opvalt. Ten tweede, een gedefinieerde hover-status geeft gebruikers direct feedback en bevestigt dat de knop interactief is.<\/p>\n\n\n\n
Nu je weet hoe je beide moet instellen, zullen je knoppen er goed uitzien en zich gedragen zoals gebruikers verwachten.<\/p>\n\n\n\n
![\"Klik](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1-1024x423.png\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\n![\"Open](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-6-1024x405.png\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\n![\"Ga](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-4-1024x417.png\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\n![\"Kies](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/4-1.gif\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\n