https://github.com/friendsofredaxo/slice_columns

SliceColumns is a REDAXO AddOn. Grid arrangement for REDAXO article slices.
https://github.com/friendsofredaxo/slice_columns

backend frontend grid grid-layout hacktoberfest layout pagebuilder redaxo-addon redaxo5 slices

Last synced: about 1 month ago
JSON representation

SliceColumns is a REDAXO AddOn. Grid arrangement for REDAXO article slices.

• Host: GitHub
• URL: https://github.com/friendsofredaxo/slice_columns
• Owner: FriendsOfREDAXO
• License: mit
• Created: 2021-09-01T11:24:56.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-01T06:26:27.000Z (over 1 year ago)
• Last Synced: 2024-04-15T00:27:51.152Z (8 months ago)
• Topics: backend, frontend, grid, grid-layout, hacktoberfest, layout, pagebuilder, redaxo-addon, redaxo5, slices
• Language: PHP
• Homepage:
• Size: 2.5 MB
• Stars: 22
• Watchers: 6
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# REDAXO-AddOn: SliceColumns

Das REDAXO-AddOn erlaubt die Anordnung der Slices in Spalten und das Verschieben von Blöcken per Drag & Drop. 

![Screenshot](https://github.com/FriendsOfREDAXO/slice_columns/blob/assets/screenshot.png)

Screenshot mit AddOn Backend Tools 

## Features

- Blöcke vergrößern / verkleinern

- Mapping der Breiten zu eigenen CSS oder passend zu CSS-Frameworks

- Ausschluss von Modulen 

- Ausschluss von Templates 

- Drag & Drop für Blöcke

- Shift+Breiter = 100% 

## CSS Mapping 

Die Spalten können mit dem eigenen CSS oder Framework gemappt werden. 

Ein Beispiel dazu steht direkt nach Installation für Bootstrap bereit. 

**Wichtig**

Es sollten alle Spalten definiert sein, die am Ende verwendet werden. 

Vor allem aber die kleinste und die größte Breite, die durch die Definition möglich sind. 

## Beispiel CSS Mapping für UiKit3.x mit erweiterten Styles

Hier bei 12 Spalten

Ein geeignetes SCSS liegt im Assets-Ordner des AddOns uikit_columns.css

```json

{

   "1":"uk-width-1-12",

   "2":"uk-width-1-6",

   "3":"uk-width-1-4",

   "4":"uk-width-1-3",

   "5":"uk-width-5-12",

   "6":"uk-width-1-2",

   "7":"uk-width-7-12",

   "8":"uk-width-2-3",

   "9":"uk-width-3-4",

   "10":"uk-width-5-6",

   "11":"uk-width-11-12",

   "12":"uk-width-1-1"

}

```

## Support

https://github.com/FriendsOfREDAXO/slice_columns

## Credits

Ursprüngliche Idee von: Thomas Göllner](https://github.com/tgoellner). 

https://github.com/FriendsOfREDAXO/bloecks/tree/previous_alpha/plugins/columns

**Lead:** Andreas Lenhardt https://github.com/andileni

**Testing and further development:** Thomas Skerbis https://github.com/skerbis