herr rilke

ok, wondering, why minification is still on, but found in _init.php <?php namespace ProcessWire; include_once(__DIR__ . '/_functions.php'); /** @var RockFrontend $rockfrontend */ $htmlLang = "de"; $rockfrontend->styles() ->add('/site/templates/uikit/src/less/uikit.theme.less') ->add('/site/modules/RockFrontend/less/defaults.less') ->addDefaultFolders() ->minify(true); $rockfrontend->scripts() ->add('/site/templates/uikit/dist/js/uikit.min.js') ->add('/site/templates/uikit/dist/js/uikit-icons.min.js') ->add('/site/templates/scripts/main.js', 'defer') ->minify(true); $seo = $rockfrontend->seo(createManifest: false) ->title($page->title .... setting minify(false) results in: ... <link rel='stylesheet' href='/site/modules/RockFrontend/topbar/topbar.min.css?m=1730134652'><script>var RockFrontend = {"rootUrl":"\/","defaultVspaceScale":"0.66"}</script> <!-- StylesArray 'main' --> <!-- These comments are only visible when $config->debug = true; --> <!-- loading /site/templates/RockPageBuilder/blocks/Accordion/Accordion.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/ArtikelMitBild/ArtikelMitBild.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/CallToAction/CallToAction.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Features/Features.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Gallery/Gallery.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Hero/Hero.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Quotes/Quotes.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Spalten/Spalten.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Text/Text.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/uikit/src/less/uikit.theme.less (_init.php:13) --> <!-- loading /site/modules/RockFrontend/less/defaults.less (_init.php:14) --> <!-- loading /site/templates/less/_global.less (_init.php:15) --> <!-- loading /site/templates/less/_variables.less (_init.php:15) --> <link href='/site/templates/bundle/main.css?m=1737361090' rel='stylesheet'><!-- LESS compiled by RockFrontend --> <link href='/site/modules/RockFields/assets/RockPageBuilder.min.css?m=1728917625' rel='stylesheet'><!-- RockPageBuilder.module.php:440 --> <link href='/site/modules/RockFields/assets/frontend-loggedin.min.css?m=1728917625' rel='stylesheet'><!-- RockPageBuilder.module.php:447 --> <link href='/site/templates/RockPageBuilder/blocks/Accordion/Accordion.css?m=1728929117' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/Accordion/Accordion.min.css?m=1737183931' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/ArtikelMitBild/ArtikelMitBild.css?m=1729433195' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/ArtikelMitBild/ArtikelMitBild.min.css?m=1737183931' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/Hero/Hero.css?m=1729243731' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/Hero/Hero.min.css?m=1737183931' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/Text/Text.css?m=1729321204' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/Text/Text.min.css?m=1737183931' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/styles/admin.css?m=1731420429' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/styles/admin.min.css?m=1737183931' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/styles/main.css?m=1732860276' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/styles/main.min.css?m=1737183931' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/less/_global.css?m=1732810062' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/less/_global.min.css?m=1737183931' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/webfonts/webfonts.css?m=1728940414' rel='stylesheet'><!-- _init.php:15 --> <!-- StylesArray 'rockfrontend' --> <!-- These comments are only visible when $config->debug = true; --> <link href='/site/modules/RockFrontend/Alfred.css?m=1730133700' rel='stylesheet'><!-- RockFrontend.module.php:490 --> <!-- ScriptsArray 'main' --> <!-- These comments are only visible when $config->debug = true; --> <script src='/site/modules/RockFields/lib/Sortable.min.js?m=1728917625'></script><!-- RockPageBuilder.module.php:445 --> <script src='/site/modules/RockFields/assets/frontend-loggedin.min.js?m=1728924165'></script><!-- RockPageBuilder.module.php:446 --> <script src='/site/templates/uikit/dist/js/uikit.min.js?m=1727317894'></script><!-- _init.php:19 --> <script src='/site/templates/uikit/dist/js/uikit-icons.min.js?m=1727317894'></script><!-- _init.php:20 --> <script src='/site/templates/scripts/main.js?m=1722353958' defer></script><!-- _init.php:21 --> <!-- ScriptsArray 'rockfrontend' --> <!-- These comments are only visible when $config->debug = true; --> <script src='/site/modules/RockFrontend/Alfred.min.js?m=1730133700' defer></script><!-- RockFrontend.module.php:339 --> </head>

good morning, i have something like + minify option of RF enabled and i get the following, where LESS seems to be compiled but CSS still injected: <head> <meta charset="UTF-8"> <title>Home | QualiGuide</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <link rel="stylesheet" type="text/css" href="/site/templates/styles/main.css" /> <script src="/site/templates/scripts/main.js"></script> --> <title>Home</title> <meta property="og:title" content="Home | QualiGuide.de"> <meta name="description" content="Home"> <meta property="og:description" content="Home"> <link rel="canonical" href="http://domain/"> <link rel="icon" type="image/png" href="/site/templates/styles/favicon/favicon-48x48.png" sizes="48x48" /> <link rel="icon" type="image/svg+xml" href="/site/templates/styles/favicon/favicon.svg" /> <link rel="shortcut icon" href="/site/templates/styles/favicon/favicon.ico" /> <link rel="apple-touch-icon" sizes="180x180" href="/site/templates/styles/favicon/apple-touch-icon.png" /> <meta name="apple-mobile-web-app-title" content="QualiGuide" /> <link rel="manifest" href="/site/templates/styles/favicon/site.webmanifest" crossorigin="use-credentials" /> <!-- StylesArray 'main' --> <!-- These comments are only visible when $config->debug = true; --> <!-- loading /site/templates/RockPageBuilder/blocks/Accordion/Accordion.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/ArtikelMitBild/ArtikelMitBild.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/CallToAction/CallToAction.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Features/Features.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Gallery/Gallery.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Hero/Hero.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Quotes/Quotes.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Spalten/Spalten.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/RockPageBuilder/blocks/Text/Text.less (RockPageBuilder.module.php:193) --> <!-- loading /site/templates/uikit/src/less/uikit.theme.less (_init.php:13) --> <!-- loading /site/modules/RockFrontend/less/defaults.less (_init.php:14) --> <!-- loading /site/templates/less/_global.less (_init.php:15) --> <!-- loading /site/templates/less/_variables.less (_init.php:15) --> <link href='/site/templates/bundle/main.min.css?m=1737356437' rel='stylesheet'> <link href='/site/modules/RockFields/assets/RockPageBuilder.min.css?m=1728917625' rel='stylesheet'><!-- RockPageBuilder.module.php:440 --> <link href='/site/templates/RockPageBuilder/blocks/Accordion/Accordion.min.css?m=1737183931' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Accordion/Accordion.min.css?m=1737183931' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/ArtikelMitBild/ArtikelMitBild.min.css?m=1737183931' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/ArtikelMitBild/ArtikelMitBild.min.css?m=1737183931' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/Hero/Hero.min.css?m=1737183931' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Hero/Hero.min.css?m=1737183931' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/RockPageBuilder/blocks/Text/Text.min.css?m=1737183931' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Text/Text.min.css?m=1737183931' rel='stylesheet'><!-- RockPageBuilder.module.php:193 --> <link href='/site/templates/styles/admin.min.css?m=1737183931' rel='stylesheet'> <link href='/site/templates/styles/admin.min.css?m=1737183931' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/styles/main.min.css?m=1737183931' rel='stylesheet'> <link href='/site/templates/styles/main.min.css?m=1737183931' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/less/_global.min.css?m=1737183931' rel='stylesheet'> <link href='/site/templates/less/_global.min.css?m=1737183931' rel='stylesheet'><!-- _init.php:15 --> <link href='/site/templates/webfonts/webfonts.min.css?m=1737183931' rel='stylesheet'> <!-- ScriptsArray 'main' --> <!-- These comments are only visible when $config->debug = true; --> <script src='/site/templates/uikit/dist/js/uikit.min.js?m=1727317894'></script><!-- _init.php:19 --> <script src='/site/templates/uikit/dist/js/uikit-icons.min.js?m=1727317894'></script><!-- _init.php:20 --> <script src='/site/templates/scripts/main.min.js?m=1737183931' defer></script> </head> also wondering why css references are inserted twice.

hi there, so i wonder if there's a way to combine all these resources (as the minifiy option in rockfrondend) and to avoid the many roundups for each css or js-file and make them cachable as well: <link href='/site/templates/bundle/main.min.css?m=1737183638' rel='stylesheet'> <link href='/site/modules/RockFields/assets/RockPageBuilder.min.css?m=1728917624' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Accordion/Accordion.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Accordion/Accordion.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/ArtikelMitBild/ArtikelMitBild.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/ArtikelMitBild/ArtikelMitBild.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Hero/Hero.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Hero/Hero.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Text/Text.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/RockPageBuilder/blocks/Text/Text.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/styles/admin.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/styles/admin.min.css?m=1731931045' rel='stylesheet'> <link href='/site/templates/styles/main.min.css?m=1732860349' rel='stylesheet'> <link href='/site/templates/styles/main.min.css?m=1732860349' rel='stylesheet'> <link href='/site/templates/less/_global.min.css?m=1732859882' rel='stylesheet'> <link href='/site/templates/less/_global.min.css?m=1732859882' rel='stylesheet'> <link href='/site/templates/webfonts/webfonts.min.css?m=1731931045' rel='stylesheet'> <script src='/site/templates/uikit/dist/js/uikit.min.js?m=1727317894'></script> <script src='/site/templates/uikit/dist/js/uikit-icons.min.js?m=1727317894'></script> <script src='/site/templates/scripts/main.min.js?m=1731931045' defer></script> best karsten

yes, I saw @Stefanowitsch's post - very impressive! and it's also good to know that envelopes / nested elements are already possible. I'll go play a little 🙂 have a nice weekend !

hello @bernhard, wonderful! Thank you very much for the time you took to explain this!! I will definitely recreate this! It reminds me of the concept of "envelopes", where there is a beginning and an end element. This makes it possible, for example, to say, "from here on everything in 3 columns" or something like that. But that would probably require not only an initial element, but also an end element... hmm, I'll have to think about it.

say @bernhard is there a chance that you'd introduce us to the art of mulit-colored section backgrounds?? 😇

Thank you Bernhard for clarifying your point of view again in such detail. Ultimately, you are of course right and many editors actually no longer allow the insertion of images. When I sometimes look at the output, I understand exactly why 🙂 In this project I will have to administer large parts myself, therefore it could have been a short cut. but then and for now - I'll have to do it "right" from the start. Since I can reuse the blocks, it will probably pay off

ok, try my best: i have two fields: after uploading i am able to click the image icon in the editor: even edit the image: and paste it into the text. but of course i understand your approach as well. so i go and do it your way 😉

And if it were possible to give an id / class not only to the settings but also to the (associated) fields, you could move them under the corresponding fields using JavaScript if necessary (hopefully 🙂 )

mh, was I able to explain it halfway so that you understand what I'm trying to do @bernhard Or do you not add pictures like that anymore?

@Klenkes - that's really really clever! Thank you very much for sharing! So I created a module that does nothing but load an additional admin.css. and because my settings can be so different in size, I rebuilt the CSS a bit. /* Stile für die settings-Tabelle der RockPageBuilder-Blocks*/ .rpb-settings .uk-table tbody { display: flex; flex-wrap: wrap; gap: 16px; } .uk-table tbody .rpb-setting { display: flex; flex-direction: column; /* Zellen in einer Spalte platzieren */ flex: 1 1 200px; box-sizing: border-box; padding: 8px; border: 1px solid #ddd; } /* Stile für die `<td>`-Zellen */ .uk-table tbody .rpb-setting td:first-child { font-weight: bold; margin-bottom: 8px; } .uk-table tbody .rpb-setting td:last-child { flex-grow: 1; } /* Abstände für kleine Bildschirme reduzieren */ @media (max-width: 600px) { .uk-table tbody { flex-direction: column; gap: 8px; } .uk-table tbody .rpb-setting { padding: 4px; /* Kleinere Innenabstände */ margin-bottom: 4px; /* Reduzierter Abstand nach unten */ flex: 1; } .uk-table tbody .rpb-setting td:first-child { margin-bottom: 4px; /* Weniger Abstand zwischen den Zellen */ } }

that is ALSO a very helpful idea! i.e. i have a setting to align the heading - but the heading field is way up in the form. so it would be much easier to tick some boxes directly underneath!

oh YEEEEESSS! that is a good starting point! i missed that, thinking it is to define defalut VALUES - but that makes a lot of sense. will use it for sure, thanks for pointing out!

mh, isn't it the case in regular WYSIWYG modules outside of RPB that I can upload images that I can then select in the editor and place inside editor's text?

oh, even more ... 😄 In Contao CMS you can define styles in a central place, which you can then easily select and assign in different places. that's really great 😉 ... just in case.... define: select: