...
1.1 Software requirements for custom styling
- NodeJS LTS v6.9 or higher (https://nodejs.org/en/download/)
- Yarn v0.19 or higher (https://yarnpkg.com/en/docs/install)
1.2 Enabling live editing
To enable editing for your MM, you have to live up to the following requirements
- The software requirements above must be in place
- The source files must have the postfix "include source" and be a running web site
When these things are in place, access your MM's site files and locate web.config.
Edit the file with your favorite IDE (preferably Notepad++ or Sublime) and change the following variable .
...
from being
Code Block | ||
---|---|---|
| ||
<add key="UseDist" value="true" /> |
...
to be
Code Block | ||
---|---|---|
| ||
<add key="UseDist" value="false" /> |
This will ensure that you can see the live changes until the edit is completed.
Access the source code of the Media Manager and navigate to: Now all your changes to the files "style_overwrites" and the "variables.less" found in the "MP2" folder, will instantly show up in your MM upon saving the files. (Meaning that you'll not have to build the entire thing manually)
The MP2 → style_overwrites and locate variables.less. In this file you will make all the changes required to make a custom style.
...