Verändere die Seitenabstände deiner Komponenten, um Abstände zwischen deinen Inhalten auf deiner Website und App zu definieren. Du kannst diese Einstellungen im radiosphere Studio Editor durchführen, indem du auf den Design-Button in der oberen Leiste klickst.
Wähle im Editor auf die Komponente aus, deren Seitenabstände du konfigurieren möchtest. Klicke nun auf den Design-Button in der oberen Leiste. Rechts öffnen sich anschließend die folgenden Einstellungsmöglichkeiten:
- Devices (obere blau-hinterlegte Zeile mit Device-Icons)
- Layout
- Spacing
Seitenabstände einstellen
Den Abstand deiner Komponente zu darüber- oder drunterliegenden Komponente veränderst du im Bereich Spacing. Hier kannst du zwei Optionen nutzen, um das Spacing zu definieren:
Margin: Beschreibt den Bereich, der außerhalb der gestrichelten Markierung um eine Komponente festgelegt wird.
Padding: Beschreibt den Bereich, der innerhalb der gestrichelten Markierung um eine Komponente festgelegt wird.
Erfahre hier mehr zu Margin und Padding.
Werte
Du kannst bei den Einstellungen drei unterschiedliche Werte nutzen, um Größen bzw. Abstände zu definieren:
- Pixel (px)
- Prozent (%)
- Referenzen ($)
Wähle den entsprechenden Wert anhand der kleinen Dropdown-Menüs rechts neben den leeren Zeilen aus. Wenn du nicht weißt, was diese Werte bedeuten, kannst du das hier nachlesen.