{"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":"wie-man-den-radius-des-rahmens-einer-schaltflache-in-tableberg-andert","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/de\/docs\/how-to-change-the-border-radius-of-a-button-in-tableberg\/","title":{"rendered":"So \u00e4ndern Sie den Randradius einer Schaltfl\u00e4che in Tableberg"},"content":{"rendered":"<p>Der Radius der Umrandung von Schaltfl\u00e4chen in WordPress kann ge\u00e4ndert werden, um den Eindruck Ihrer Benutzeroberfl\u00e4che zu ver\u00e4ndern. Subtile \u00c4nderungen wie weichere Ecken k\u00f6nnen daf\u00fcr sorgen, dass sich Aktionen zug\u00e4nglicher anf\u00fchlen, w\u00e4hrend sch\u00e4rfere R\u00e4nder ein saubereres und strukturierteres Aussehen erzeugen. Diese kleine \u00c4nderung f\u00fchrt oft zu einem besseren visuellen Gleichgewicht und verbessert die Darstellung von Schaltfl\u00e4chen auf verschiedenen Ger\u00e4ten.<\/p>\n\n\n\n<p>In dieser Anleitung erfahren Sie, wo Sie die Option Randradius finden und wie Sie sie auf Schaltfl\u00e4chen in Ihrer Tabelle anwenden k\u00f6nnen. Folgen Sie den nachstehenden Schritten, um loszulegen.<\/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>Schritt 1: Klicken Sie auf die Schaltfl\u00e4che innerhalb der Tabelle<\/strong><\/h2>\n\n\n\n<p>Suchen Sie die Schaltfl\u00e4che, die Sie bereits in einer Tabellenzelle hinzugef\u00fcgt haben. Klicken Sie direkt darauf, um die <strong>Knopfleiste<\/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=\"Klicken Sie auf die Schaltfl\u00e4che innerhalb der Tabelle\" 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>Schritt 2: \u00d6ffnen Sie das Panel f\u00fcr die Blockeinstellungen<\/strong><\/h2>\n\n\n\n<p>Wenn Sie die Schaltfl\u00e4che ausgew\u00e4hlt haben, gehen Sie zum Men\u00fc <strong>rechte Seitenleiste<\/strong> und wechseln Sie zum <strong>Stile<\/strong> um auf die Anpassungsoptionen zuzugreifen.<\/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=\"\u00d6ffnen Sie die Blockeinstellungsleiste\" 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>Schritt 3: Bl\u00e4ttern Sie zur Option \"Randradius\".<\/strong><\/h2>\n\n\n\n<p>Bl\u00e4ttern Sie in den Blockeinstellungen nach unten, bis Sie die Option <strong>Grenze<\/strong> Abschnitt.&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=\"Bl\u00e4ttern Sie zur Option Randradius\" 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>Schritt 4: Anpassen des Randradius<\/strong><\/h2>\n\n\n\n<p>Klicken Sie auf die <strong>+ Symbol<\/strong> neben dem Randetikett, w\u00e4hlen Sie <strong>Radius<\/strong>und verwenden Sie das Eingabefeld oder den Schieberegler, um die Kr\u00fcmmung der Ecken der Schaltfl\u00e4che zu \u00e4ndern.&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=\"Einstellen des Randradius\" class=\"wp-image-9122\" style=\"border-width:1px;border-radius:2px\"\/><\/figure>\n\n\n\n<p>Sobald Sie ihn festgelegt haben, wird der neue Umrandungsradius sofort auf der Schaltfl\u00e4che angezeigt. Und schon ist die Form Ihrer Schaltfl\u00e4che so gestaltet, dass sie dem gew\u00fcnschten Stil entspricht.<\/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>Schlussfolgerung<\/strong> <\/p>\n\n\n\n<p>Das ist alles, was Sie brauchen, um die Form Ihrer Schaltfl\u00e4chen in Tableberg zu \u00e4ndern. Egal, ob Sie scharfe Ecken oder einen abgerundeten Look w\u00fcnschen, mit der Einstellung f\u00fcr den Randradius haben Sie eine schnelle Kontrolle, ohne eine einzige Zeile Code schreiben zu m\u00fcssen. Probieren Sie ein paar Werte aus und finden Sie heraus, was am besten zur Stimmung Ihrer Tabelle passt.<\/p>\n\n\n\n<p><a href=\"https:\/\/tableberg.com\/de\/docs\/wie-man-die-farbe-der-schaltflachen-in-tableberg-andert\/\">So \u00e4ndern Sie die Farbe der Schaltfl\u00e4chen 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\/de\/author\/marufmoinul27\/"},"doc_category_info":[{"term_name":"Styling &amp; Customization","term_url":"https:\/\/tableberg.com\/de\/docs-category\/styling-customization\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/9118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=9118"}],"version-history":[{"count":10,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/9118\/revisions"}],"predecessor-version":[{"id":9243,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/docs\/9118\/revisions\/9243"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=9118"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_category?post=9118"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/doc_tag?post=9118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}