{"id":9118,"date":"2025-05-19T12:50:28","date_gmt":"2025-05-19T12:50:28","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=9118"},"modified":"2025-05-19T12:50:28","modified_gmt":"2025-05-19T12:50:28","password":"","slug":"hoe-verander-ik-de-randradius-van-een-knop-in-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/nl\/docs\/how-to-change-the-border-radius-of-a-button-in-tableberg\/","title":{"rendered":"Hoe de randradius van een knop wijzigen in Tableberg"},"content":{"rendered":"<p>De randradius van knoppen in WordPress kan worden aangepast om te veranderen hoe je interface aanvoelt. Subtiele veranderingen zoals zachtere hoeken kunnen ervoor zorgen dat acties toegankelijker aanvoelen, terwijl scherpere randen zorgen voor een schonere en meer gestructureerde look. Deze kleine aanpassing zorgt vaak voor een betere visuele balans en verbetert de weergave van knoppen op verschillende apparaten.<\/p>\n\n\n\n<p>Deze handleiding laat zien waar je de randradiusoptie kunt vinden en hoe je deze toepast op knoppen in je tabel. Volg de onderstaande stappen om aan de slag te gaan.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7f81795d-5038-4871-8df0-76d8af1e1d6d\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-1-click-the-button-inside-the-table\"><strong>Stap 1: Klik op de knop in de tabel<\/strong><\/h2>\n\n\n\n<p>Zoek de knop die je al hebt toegevoegd in een tabelcel. Klik er direct op om de <strong>Knopblok<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"374\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1024x374.png\" alt=\"Klik op de knop in de tabel\" class=\"wp-image-9119\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1024x374.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-300x110.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-768x281.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-1536x561.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/1.png 1721w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7ec3d407-8b78-4d31-abbb-b63dcb816efb\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-2-open-the-block-settings-panel\"><strong>Stap 2: Open het paneel met blokinstellingen<\/strong><\/h2>\n\n\n\n<p>Ga met de knop geselecteerd naar de <strong>rechter zijbalk<\/strong> en schakel over naar de <strong>Stijlen<\/strong> tabblad om de aanpassingsopties te openen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1024x421.png\" alt=\"Open het paneel met blokinstellingen\" class=\"wp-image-9120\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1024x421.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-300x123.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-768x316.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-1536x631.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/2-5.png 1626w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_5ca4523d-a623-440b-a05c-a59fe292b983\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-3-scroll-to-the-border-radius-option\"><strong>Stap 3: Scroll naar de optie Grensradius<\/strong><\/h2>\n\n\n\n<p>In de blokinstellingen scrol je naar beneden tot je de optie <strong>Grens<\/strong> sectie.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"478\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1024x478.png\" alt=\"Blader naar de optie Grensradius\" class=\"wp-image-9121\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1024x478.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-300x140.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-768x359.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-1536x717.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/3-3.png 1795w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_74d77cd0-ce7b-4c9b-860b-565c8bedba0f\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"step-4-adjust-the-border-radius\"><strong>Stap 4: Pas de randradius aan<\/strong><\/h2>\n\n\n\n<p>Klik op de <strong>+ pictogram<\/strong> naast het randlabel, selecteer <strong>Straal<\/strong>en gebruik het invoerveld of de schuifregelaar om de kromming van de hoeken van de knop te wijzigen.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1406\" height=\"656\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/4-new.gif\" alt=\"De grensradius aanpassen\" class=\"wp-image-9122\" style=\"border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<p>Zodra je dit hebt ingesteld, wordt de nieuwe randradius meteen weergegeven op de knop. En zo is de vorm van je knop klaar voor de stijl waar je voor gaat.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_e58cb678-10b9-465b-82ae-883f5615d155\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 3px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<p><strong>Conclusie<\/strong> <\/p>\n\n\n\n<p>Dat is alles wat nodig is om de vorm van je knoppen te veranderen in Tableberg. Of u nu scherpe hoeken wilt of een volledig afgeronde look, de randradius instelling geeft u snelle controle zonder een enkele regel code te schrijven. Probeer een paar waarden uit en kijk wat het beste past bij de sfeer van je tabel.<\/p>\n\n\n\n<p><a href=\"https:\/\/tableberg.com\/nl\/docs\/hoe-verander-ik-de-kleur-van-de-knop-in-tableberg\/\">Hoe de knopkleur veranderen in Tableberg<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The border radius of buttons in WordPress can be modified to shift how your interface feels. Subtle changes like softer corners can make actions feel more approachable, while sharper edges create a cleaner and more structured look. This small tweak often brings better visual balance and improves how buttons appear across different devices. This guide [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[127],"doc_tag":[],"class_list":["post-9118","docs","type-docs","status-publish","hentry","doc_category-styling-customization"],"year_month":"2026-04","word_count":281,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Moinul Islam","author_nicename":"marufmoinul27","author_url":"https:\/\/tableberg.com\/nl\/author\/marufmoinul27\/"},"doc_category_info":[{"term_name":"Styling &amp; Customization","term_url":"https:\/\/tableberg.com\/nl\/docs-category\/styling-customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/9118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/comments?post=9118"}],"version-history":[{"count":10,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/9118\/revisions"}],"predecessor-version":[{"id":9243,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/docs\/9118\/revisions\/9243"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/media?parent=9118"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_category?post=9118"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=9118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}