Recently Browsing 0 members
No registered users viewing this page.
I am trying to get some extra css-file into my admin templates. I managed to modify my admin.php to this:
<?php namespace ProcessWire; require($config->paths->adminTemplates . 'controller.php'); echo "<link rel='stylesheet' type='text/css' href='" . $config->urls->templates . "css/admin.css'>"; By doing so, the css <link> is added to the very end of each parsed admin-html. (right AFTER the closing </body> tag.)
That causes some trouble. e.g. the page tree is not displaying any more. Although, other pages are working - like the edit form of a page.
My question: is there a correct way of adding my extra css to the admin area?
Thanks for you help!
This profile can be used as a business card or very simple blog.
Requires the latest version processwire 3.0.101 !!!
Milligram Site Profile For Processwire 3x with include functions like:
wireIncludeFile | wireRenderFile
Essentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System Gridlex
CAN DOWNLOAD FROM THIS LINK ( Basic Version and simple Blog Version )
If you want to use Laravel Mix you must first ensure that Node.js and NPM are installed on your machine.
Basic example to Debian and Ubuntu based Linux distributions:
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs
See more installation options LINK
npm is installed with Node.js just check in linux terminal like below:
Set BrowserSync inside folder /templates/webpack.mix.js and change your dev url
proxy: 'http://localhost/mix/', to your installation processwire folder like:
Next install npm packages in your templates folder with command npm install
Now, boot up the dev server npm run watch, and you're all set go!
On completion, use the command npm run production to build styles and scripts in the dist folder
Simple Usage ( Basic Command )
Run npm install Watch npm run watch Build npm run production All files to Webpack build steps is inside file ( webpack.mix.js )
Folder With all SCSS files is inside templates/src/scss
All build styles and scripts is inside the ( dist ) folder
Web Font Loader
Verlok Lazy Load
I am working on a website and I want to style the login page, but I'm a bit confused.
I want either the existing login page styled in my own way using some CSS (I guess I prefer that) or I want to create a custom page with a form to login. (Which I could style too).
I used the code from Ryan and Renobird posted here - which works great - but that doesn't replace the original login page.
Is there a way to some sort of 'disable' the original login?
I hope my question is clear and thanks in advance,
I have an issue with a css file. In my templates folder is an »assets« folder with different subfolders like css, js and img.
I uploaded the latest uikit3 css and js stuff to: assets --> uikit --> css and js. In my template I'm calling them like this:
<link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates?>assets/uikit/css/uikit.min.css" />
This gives me an 403 error:
GET http://mysite.com/site/templates/assets/uikit/css/uikit.min.css 403 (Forbidden)
If I change the path to: <link rel="stylesheet" type="text/css" href="<?php echo $config->urls->templates?>assets/css/uikit.min.css" />
everything is fine.
Is this a logic behavior from Processwire?
This profile can be used as a simple business card or blog.
The profile does not use any framework css structure, only styles based on CSS GRID and FLEX.
To minimize page loading, I added lazy load for images ( Tupola Lazy Load ).
With include functions like:
CAN DOWNLOAD FROM THIS LINK: