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

Friends Of REDAXO

Last update: Sep 12, 2022

Related tags

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

Overview

REDAXO-AddOn: SliceColumns

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

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

{
   "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"
}

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

Comments

Grosse Bitte: Select-Feld und Spalter-Nummern

Ich habe jetzt ganz viel mit den Slice columns rumgeturnt und finde sie klasse! Es gibt noch ein, zwei Schwierigkeiten, die ich für Büromenschen-Redakteure sehe, zu denen ich auch später mal noch mich melde.

Zwei Sachen sind mir aber ein grosses Anliegen: Um an den Layouts rumzuschrauben, sind die Kleiner-/Grösser-Buttons (weniger/mehr-Spalten) extrem schnell mühsam. Siebenmal hier klicken, vier mal dort, mit der Maus immer nachhüpfen, das finde ich IMHO suboptimal. Wie wäre ein einfaches Select-Feld mit der Spaltenzahl? Damit wäre auch der zweite Punkt gelöst: Man sähe immer die Spaltenanzahl pro Block - das fände ich sehr hilfreich. So eine Lösung ähnlich der hier bei GitHub oben rechts:

Bitte nicht falsch verstehen - ich find's super. Diese beiden Punkte haben mich einfach sehr bald schon sehr gestört. Bei Fragen einfach fragen. ;-)
enhancement good first issue help wanted accepted

opened by abra100pro 5
Icons sind sehr unscharf
Eventuell Fontawesome Icons nutzen?

Ideen

Spalten Icon dazu das Plus und Minus Icon

Diese zwei Icons Forward/Backward nur in der Reihenfolge für Smaller/Wider ändern, das käme den jetzigen Icons näher

zu 1.

zu 2.
enhancement good first issue help wanted hacktober hacktoberfest
opened by tbaddade 5

Javascript Fehler nach Klick auf Buttons am Block

AddOn installiert/aktiviert
Einstellungen einmal gespeichert
Danach in einen Artikel und die Buttons geklickt und es passierte nichts

Konsole meldet:

[Error] TypeError: null is not an object (evaluating 'parent.getAttribute')
	smaller (columns_sortablejs.js:77)
[Error] TypeError: null is not an object (evaluating 'parent.getAttribute')
	wider (columns_sortablejs.js:114)

bug

opened by tbaddade 5

PHP 8.1 :: Deprecated | explode(): Passing null to parameter #2 ($string) of type string is deprecated

Es gibt mehrere Stellen, hier schon mal 2:

16.08.2022, 18:06:14 | Deprecated | explode(): Passing null to parameter #2 ($string) of type string is deprecated | redaxo/src/addons/slice_columns/boot.php | 25 -- | -- | -- | -- | --

16.08.2022, 18:39:22 | Deprecated | explode(): Passing null to parameter #2 ($string) of type string is deprecated | redaxo/src/addons/slice_columns/lib/columns.php | 20 -- | -- | -- | -- | --
bug

opened by skerbis 1

HTML-Struktur: Logik und Möglichkeiten

Das add-on macht eine Struktur in diesem Rahmen:

<div class="col-sm-6">[Modul]</div>
<div class="col-sm-6">[Modul]</div>

Ich sehe gerade keine Lösung, damit ein Konstrukt wie dieses zu erstellen (alles gleich bis auf die Hintergrundfarbe):

<section style="background-color: green; padding: 40px 20px"><div class="container"><div class="row">
     <div class="col-sm-6">[Modul]</div>
     <div class="col-sm-6">[Modul]</div>
</div></div></section>

<section style="background-color: white; padding: 40px 20px"><div class="container"><div class="row">
     <div class="col-sm-6">[Modul]</div>
     <div class="col-sm-6">[Modul]</div>
</div></div></section>

Oder habe ich da was übersehen? Sonst wär's was für die whish-list.

opened by abra100pro 1

nicht kompatibel mit history plugin

rex_sql_exception: Unable to fetch row. File: redaxo/src/core/lib/sql/sql.php Line: 812

Stacktrace

| Function | File | Line | | -------------------------------------------- | ------------------------------------------------------------------------ | -------- | | rex_sql->getRow | redaxo/src/core/lib/sql/sql.php | 787 | | rex_sql->fetchValue | redaxo/src/core/lib/sql/sql.php | 734 | | rex_sql->getValue | redaxo/src/addons/slice_columns/lib/columns.php | 203 | | Columns::getSize | redaxo/src/addons/slice_columns/lib/columns.php | 164 | | Columns::frontend | redaxo/src/core/lib/extension.php | 51 | | rex_extension::{closure} | redaxo/src/core/lib/util/timer.php | 57 | | rex_timer::measure | redaxo/src/core/lib/extension.php | 62 | | rex_extension::registerPoint | redaxo/src/addons/structure/plugins/content/lib/article_content_base.php | 653 | | rex_article_content_base->renderSlices | redaxo/src/addons/structure/plugins/content/lib/article_content_base.php | 355 | | rex_article_content_base->getArticle | redaxo/src/addons/structure/plugins/content/lib/article_content.php | 83 | | rex_article_content->getArticle | rex:///template/1 | 829 | | require | redaxo/src/addons/structure/plugins/content/lib/article_content_base.php | 405 | | rex_article_content_base->{closure} | redaxo/src/core/lib/util/timer.php | 57 | | rex_timer::measure | redaxo/src/addons/structure/plugins/content/lib/article_content_base.php | 406 | | rex_article_content_base->getArticleTemplate | redaxo/src/addons/structure/plugins/content/boot.php | 56 | | rex_package::{closure} | redaxo/src/core/lib/extension.php | 51 | | rex_extension::{closure} | redaxo/src/core/lib/util/timer.php | 57 | | rex_timer::measure | redaxo/src/core/lib/extension.php | 62 | | rex_extension::registerPoint | redaxo/src/core/frontend.php | 26 | | require | redaxo/src/core/boot.php | 141 | | require | index.php | 9 |

System report (REDAXO 5.12.1, PHP 7.3.30, MariaDB 10.2.39)

| REDAXO | | | ------------: | :--------- | | Version | 5.12.1 |

| PHP | | | ------------: | :--------- | | Version | 7.3.30 | | OPcache | yes | | Xdebug | no |

| Database | | | ------------: | :-------------- | | Version | MariaDB 10.2.39 | | Character set | utf8mb4 |

| Server | | | ------------: | :--------- | | OS | Linux | | SAPI | fpm-fcgi | | Webserver | Apache |

| Request | | | ------------: | :---------- | | Browser | Safari/15.0 | | Protocol | HTTP/1.0 | | HTTPS | yes |

| Packages | | | ------------------------: | :----------- | | adminer | 1.9.1 | | avcal | 1.1.1 | | backup | 2.7.1 | | be_style | 2.12.1 | | be_style/customizer | 2.12.0 | | be_style/redaxo | 2.12.1 | | be_tools | 1.5.2 | | bloecks | 3.0.0 | | bloecks/cutncopy | 3.0.0 | | cke5 | 4.1.1 | | consent_manager | 3.0.0beta9 | | cronjob | 2.8.0 | | cropper | 1.1.0 | | d2u_helper | 1.8.5 | | d2u_immo | 1.1.6 | | debug | 1.1.1 | | fa_iconpicker | 0.3.0-beta2 | | focuspoint | 2.2.2 | | geolocation | 0.1.0 | | global_settings | 2.4.1 | | gridblock | 0.2 | | icecoder | 2.0.2 | | install | 2.9.1 | | lottie | 1.0.1 | | maintenance | 2.6.2 | | mblock | 3.2.0 | | media_manager | 2.11.1 | | media_manager_autorewrite | 2.0.0 | | media_srcset | 2.0 | | mediapool | 2.10.1 | | metainfo | 2.8.1 | | mform | 6.0.11 | | mform/docs | 1.1 | | modulsammlung | 4.15.0 | | navigation_array | 1.0.3 | | phpmailer | 2.10.2 | | plyr | 3.10.0 | | project | dev | | pwa | 0.0.3 | | slice_columns | dev-0.1.2 | | sprog | 1.2.0 | | structure | 2.12.1 | | structure/analytics | 1.0 | | structure/content | 2.12.0 | | structure/history | 2.12.0 | | structure_tweaks | 1.2.0 | | tinymce5 | 1.0.0-beta7 | | uikit_collection | 2.2.0 | | uppy | 0.0.1-alpha1 | | url | 2.0.0-beta3 | | users | 2.8.0 | | watson | 2.2.0 | | yform | 3.4.1 | | yform/docs | 3.3.1 | | yform/email | 3.4.1 | | yform/manager | 3.4.1 | | yrewrite | 2.7 | | yrewrite_scheme | 3.3.0 | | zip_install | 1.1 | | zwitscher | 0.0.1-dev |

hat wer eine Idee ? @staabm @gharlan , vielleicht?

opened by skerbis 1
Error bei der Erst-Installation

Habe soeben auf einer ganz frischen Installation slice_columns installieren wollen und bekam diesen Fehler:

Sobald ich einen ersten Artikel angelegt habe, war der Fehler beim erneuten Installationsversuch weg. Das add on überprüft also offenbar nicht, ob es schon einen Artikel gibt, setzt diesen voraus und verursacht dann obiges Problem.

opened by abra100pro 0
drag&drop :: yform_usability vs. slice_columns

Wenn yform_usability aktiviert ist, funktioniert das drag&drop nicht. Beide AddOns nutzen sortable.js. Können wir da was machen @AndiLeni ? https://github.com/FriendsOfREDAXO/yform_usability/issues/77
bug

opened by skerbis 0
klassisch Blöcke verschieben ... Fehlermeldung

Liefert: Block kann nicht verschoben werden. Ich habe es mit einem Pjax reload versucht. Ist aber doof weil langsam. Tendiere dazu die Block verschieben Buttons auszublenden.
bug

opened by skerbis 5
Gedanken zum HTML im Frontend

Ich nutze hier die Voreinstellungen des AddOns:

Im Frontend kommt um jeden Slice ein div.col-sm-X. Das finde ich verwirrend, da ich bisher nur 2 Slices im Backend angepasst habe. Andere nicht bearbeitete Slices erhalten immer automatisch ein div.col-sm-12.

Entfernt man dann in den Einstellungen das 12er, erscheinen im Frontend Notices

Notice: Undefined offset: 12 in redaxo/src/addons/slice_columns/lib/columns.php on line 110

und das div verliert die CSS-Klasse.

Wie definiert man das Wrapper div? Bei Bootstrap wäre es das div.row.

PS: Danke für das AddOn und für eure Zeit die ihr hinein gesteckt habt.
discuss

opened by tbaddade 4

Releases(1.0.1)

1.0.1(Dec 20, 2022)
Added some new Translations @slartibartfass

What's Changed

Added NL and DK Language Files by @slartibartfass in https://github.com/FriendsOfREDAXO/slice_columns/pull/28

Full Changelog: https://github.com/FriendsOfREDAXO/slice_columns/compare/1.0.0...1.0.1
Source code(tar.gz)
Source code(zip)
1.0.0(Aug 16, 2022)
Erstes Release

Fixes für PHP 8.1

Source code(tar.gz)
Source code(zip)
1.0.0-beta4(Jan 14, 2022)
Fixed: Module in deren Ausgabe ein form-Tag vor kam konnten nicht resized werden. https://github.com/FriendsOfREDAXO/slice_columns/issues/22

Fixed: Es wurde nicht geprüft ob ein Artikel existiert https://github.com/FriendsOfREDAXO/slice_columns/issues/24

Source code(tar.gz)
Source code(zip)
1.0.0-beta3(Jan 9, 2022)

Minor Fixes
Source code(tar.gz)
Source code(zip)
1.0.0-beta2(Jan 9, 2022)
Strukur-Versionierung wird beachtet bei Voransicht.

Source code(tar.gz)
Source code(zip)
1.0.0-beta1(Oct 6, 2021)

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%
Source code(tar.gz)
Source code(zip)

Owner

Friends Of REDAXO

Gemeinsame REDAXO-Entwicklung!

GitHub

Magento 2 Grid Colors module for colorizing admin grids. Supports saving of states with the help of grid's bookmarks.

Magento 2 Grid Colors Overview The module adds extra coloring features to admin grids at the Sales section. With help of this module, it is possible t

58 Dec 8, 2022

Pat article social - Create social links and share counters for articles with Open Graph Meta tags. Embedded status into article's body (Twitter, facebook, G+, Instagram or Gist), blocks of text (quotes) followed by share links below it. Google AMP capable.

pat_article_social Textpattern CMS plugin. Create social links and share counters for articles with Open Graph meta tags. Support for major services:

3 Apr 5, 2018

Redaxo 5-Addon zum gruppieren beliebiger Inhaltsmodule (Blöcke) innerhalb eines Spaltenrasters mit selbst definierten Templates.

Gridblock Redaxo 5-Addon zum gruppieren beliebiger Inhaltsmodule (Blöcke) innerhalb eines Spaltenrasters. Die Inhaltsmodule entsprechen dabei den übli