clarkwinkelmann geoffalan I don't think that's possible. We should probably insert the page ID or slug as a classname on the page to help with this kind of customization. You might still be able to achieve the effect you're looking for by creating a DIV inside of the page content, then use absolute positioning and z-index to place the DIV into the background of the page.
geoffalan clarkwinkelmann I put the image down 50px. It worked except that the hamburger on mobile now has the background image too. Any way to avoid this? This was the code I used. div { background-image: url('https://i.imgur.com/....); background-repeat: no-repeat; background-attachment: fixed; background-position: 0px 50px;}
[deleted] One thing I've noticed with fof/pages is that CSS called using extend.php in the Flarum root directory (as I do with metabullet.com) doesn't get included in pages. Inline css however does work, but it's not very elegant. Another issue is that on beta 14 and 15, JS added into the header or footer doesn't work in pages, but exactly the same configuration in beta 13 does work.
010101 [deleted] Yeah, this extension has needed some TLC for a while. It acts a little odd when saving a new page. You have to do a full page refresh. The Links extension and others aren’t like that. It also has done some weird caching behavior on me recently. I deleted a page but it wouldn’t go away in the admin settings. Sometimes I’ll spend so much time creating a page that when little things happen I don’t have time to submit GitHub issues. I barely have time to create the page in the first place. 😅
AdamXweb [deleted] Do you know of any workarounds to get JS working? I've been working on something all day and have come to the conclusion that it can't load until the page loads which just breaks.
[deleted] 010101 yeah, same issues here - particularly with the need to refresh the browser to see the new page I've created. I'm the end, I opted for inline CSS and no JS to get what I needed. A real pity.
SallyMelek On the fof/pages, when you click to login or sign up there is no email/password field shown in the modal.
datitisev SallyMelek You have inline CSS that hides inputs. input { position: absolute; opacity: 0; z-index: -1; }
pupsik Is it me or custom page width is not 100% and height it's not set to go beyond a point? For example, If I place 5 images in a row 1 2 3 , now there is a scroll bar inside custom page. How to get rid of it? And how to make page width 100%
AdamXweb pupsik I had a similar issue. My fix was changing: flarum/vendor/fof/pages/resources/less/forum.less variable of .Pages-container { max-width: 100%; overflow:hidden !important; } To have max width, and to remove the scroll bar as it is a static page with no scroll.
pupsik AdamXweb sorry. I ment to say Height. When I put allot of images in column scroll bar pops up on right side. My bad.
[deleted] AdamXweb phenomlab Do you know of any workarounds to get JS working? I've been working on something all day and have come to the conclusion that it can't load until the page loads which just breaks. Sadly, no. In the end, I had to opt for a CSS only solution which worked for me (it was a simple accordion) - an example of that is here https://metabullet.com/p/10-policies
AdamXweb [deleted] That's a shame. I'm looking at all options to load the JS in with the theme or the site globally or a dependency. Not too familiar with PHP, but i'm having a crack at placing just the custom HTML on a page that is routed as 'home' also. Thanks for the reply though!
[deleted] AdamXweb That's a shame. I'm looking at all options to load the JS in with the theme or the site globally or a dependency. What are you looking to load ? If you need to load something globally, this could be done with an extension. Take a look at these which do pretty much that
AdamXweb [deleted] I'm making a static page with a form that loads a jquery multi select. The form 'post' is handled by a javascript function which i've managed to get working, however the jquery multi select needs to modify part of the page. As it's loaded first, before the content, it's throwing errors. Another option that came to mind was to just have html content load like a static page, without the JS Mithril load. Good suggestion to find an extension, but couldn't quite find what I was after. I'm fairly new at this but don't think i'd have the skills just yet to make my own extension.
AdamXweb Just for reference, I've found a dirty fix by doing: <script> setTimeout(function() { var headID = document.getElementsByTagName("head")[0]; var newScript = document.createElement('script'); newScript.type = 'text/javascript'; newScript.src = 'https://example.tld/script.js'; headID.appendChild(newScript); }, 1000); </script> To load the script from flarum/core/views/frontend/app.blade.php. There's a second of ugly formatting, but it works.
[deleted] AdamXweb You'd be better placed to insert that code block in Admistration->Appearance->Custom Footer. I'd strongly advise against modifying Flarum's core, and your changes will be overwritten by future upgrades.