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:

hallo @bernhard I love the “settings” and use them extensively. What I think would be great is if you could arrange them in columns like other fields. Because you often don't need the entire space / width underneath the fields. ... so maybe there is hope... 🙂 best

Hello everyone, I have the following fields: a TinyMCE and an image field. But when I select an image, I can't insert it into TinyMCE. What do I have to do to make this work? and (additional question): Tiny loads very slowly, it feels like 5 seconds after the rest of the editing mask is already displayed. public function migrate() { $rm = $this->rockmigrations(); $rm->migrate([ 'fields' => [ self::field_text => [ 'type' => 'textarea', 'inputfieldClass' => 'InputfieldTinyMCE', 'contentType' => FieldtypeTextarea::contentTypeHTML, 'label' => 'Text', 'rows' => 10, 'icon' => 'align-left', 'inlineMode' => false, // 'rpb-nolabel' => true, // hide label in backend // 'settingsFile' => '/site/modules/RockMigrations/TinyMCE/text.json', 'settingsFile' => '/site/modules/RockMigrations/TinyMCE/full.json', 'textformatters' => [ 'TextformatterRockFrontend', ], ], self::field_image => [ 'type' => 'image', 'label' => 'Bild', 'maxFiles' => 1, 'descriptionRows' => 0, 'extensions' => 'jpg jpeg gif png svg', 'maxSize' => 6, // max 6 megapixels 'okExtensions' => ['svg'], 'descriptionRows' => 1, 'icon' => 'picture-o', 'outputFormat' => FieldtypeFile::outputFormatSingle, 'gridMode' => 'list', // grid, left, list 'required' => false, ], ], 'templates' => [ $this->getTplName() => [ 'fields' => [ RockPageBuilder::field_eyebrow, 'title' => [ 'label' => 'Headline', 'icon' => 'header', ], self::field_text, self::field_image, ], ], ], ]); } any help would be highly appreciated.

hello ottogal, Thanks for the hint! I actually know the site, but I can't yet see how I could implement my plan. AdminRestrictBranchSelect could be an approach, but I don't know if it can link to admin pages.

Many thanks from me too for the wonderful module, @adrian! Is there a way to display another navigation point in addition to "pages"? I created a module that outputs statistics about the page in the backend. I would like to have this as an additional access point for users.

#@!^$ problem was on my side (forgot that i put it here, yesterday) : <?php // Prüfen, ob der Aufruf per AJAX erfolgt if (!$config->ajax) { http_response_code(403); echo "Forbidden"; exit; } // Beispielantwort echo "Dies ist die Antwort von /ajax/foo"; after deleting the first part, everything works just fine! thank you guys for your support!

allright! i have v3.23.1 and now it shows "/ajax/foo" in module's ajax-settings, but "forbidden" when following that link

wow, how great! thanks so much in advance! But I can't yet see the update and import it directly via processwire.

thank you! unfortunately the result is still the same 😞 do you need another dump from tracy?

good morning @bernhard! this ist bd($rockfrontend) in site/ready.php debug info: ProcessWire\RockFrontend folders: array 0 => 'C:/wamp64/www/qualiguide/site/templates/' 1 => 'C:/wamp64/www/qualiguide/site/assets/' 2 => 'C:/wamp64/www/qualiguide/' liveReload: RockFrontend\LiveReload interval: 1 includeDefaults: array 0 => 'C:/wamp64/www/qualiguide/site/' 1 => 'C:/wamp64/www/qualiguide/RockShell/docs' 2 => 'C:/wamp64/www/qualiguide/RockShell/App' include: array (0) excludeDefaults: array exclude: array (0) autoloadStyles: ProcessWire\WireArray count: 1 items: array 'StylesArray:0' => RockFrontend\StylesArray #447 … autoloadScripts: ProcessWire\WireArray count: 1 items: array 'ScriptsArray:0' => RockFrontend\ScriptsArray #453 … ajaxEndpoints: array (0) Full Object: ProcessWire\RockFrontend addMarkup: null ajax: false ajaxFolders: array '/ajax/' => '/C:/wamp64/www/qualiguide/site/templates/ajax/' alfredCache: ProcessWire\WireData autoloadScripts: ProcessWire\WireArray autoloadStyles: ProcessWire\WireArray contenttype: 'text/html' createManifest: false folders: ProcessWire\WireArray home: ProcessWire\HomePage hasAlfred: false isLiveReload: false js: array (0) langMaps: null latte: null latteWithLayout: null layoutFile: '_main.latte' layoutFolders: ProcessWire\WireArray liveReload: RockFrontend\LiveReload manifest: null noAssets: false noLayoutFile: '' onceKeys: array (0) path: 'C:/wamp64/www/qualiguide/site/modules/RockFrontend/' postCSS: ProcessWire\WireData remBase: 16 scripts: ProcessWire\WireData seo: null sitemapCallback: Closure($page) file: 'C:\wamp64\www\qualiguide\site\modules\RockFrontend\RockFrontend.module.php:2741' sitemapOptions: array (0) styles: ProcessWire\WireData translations: array (0) viewfolders: array (0) data: array useFuel: true _instanceNum: 144 localHooks: array (0) _wireHooks: ProcessWire\WireHooks trackChanges: 0 changes: array (0) _notices: array 'errors' => null 'warnings' => null 'messages' => null _wire: ProcessWire\ProcessWire status: 4 statusNames: array debug: true fuel: ProcessWire\Fuel data: array (35) … lock: array (20) … requiredInterfaces: array (1) … pathSave: 'C:\wamp64\www\qualiguide' fileSave: 'C:/wamp64/www/qualiguide/site/ready.php' updater: unset instanceID: 0 shutdown: ProcessWire\WireShutdown useFuel: true _instanceNum: 6 localHooks: array (0)

hello bernhard, Thank you for your quick response. I found out that the whole thing doesn't work on my local Windows development computer - but it does on my Linux web server. could this be related to file permissions? It's just a "copied version" - copied from Windows to the live server. What would be a starting point?