nodum.io Docs

Welcome at the nodum Docs. You'll find comprehensive guides and documentation to help you start working with nodumApp as quickly as possible. Let's jump right in!

Get Started    Docs

Basics

nodum specific knowledge

page specific styling/Javascript
In nodum you have the possibility to add your own styling/Javascript (CSS/JS) per webpage. You can do this by going to the file and add it at the bottom of the concerning tabs.

Project specific styling/Javascript
It's not very convenient to having to add the same styling to every file. If you have CSS/JS that applies to every page, add this to a template. You can find this in the middle column at the bottom. You can choose to save your file sheet in the Assets folder and place a link in the template.

Assets
Files like stylesheets, images, csv, etc. can be saved in the Assets folder. In the code you subsequently refer to this file by writing Twig or HTML code. See the examples below. Also, see examples below to invoke the JPG file "image".

<img src="{{ medialocation }}/image.jpg">

Or

<img src="static/image.jpg">

navbar/sidebar/footer: display or not display
You can find the settings in the left column in the folder "Configuration".
Do you want a sidebar/navbar/footer? Remove the ;, you can see the code changes from grey to coloured, and change false to true.
You don't want a sidebar/navbar/footer? Place the ; in front of it, or change true to false.

to dos
In the far left column you can find the modules of nodum. At the bottom of the modules column you can find a smart feature of nodum: the possibility to keep up a to-do-list within your project. You know how it is, you need to develop some tasks with your project, but where do you note these tasks? In the most logical place: within your project, so you have your to-do-list always on hand.

Keyboard shortcuts
Ctrl/cmd Z and Ctrl/cmd Y
It's possible to use Ctrl/cmd Z (Undo) and Ctrl/cmd Y (Redo) in a file, whatever device, or person. This means that if your colleague was the last person in the file "new" and you go into the file "new" and press Ctrl/cmd Z, you'll undo his last changes. The same goes for when you've been coding in your work computer, and log on later at home on your personal computer, that you can still use Ctrl/cmd Z in the same file. Ctrl/cmd Z and Ctrl/cmd Y also work when you switch files, for instance when you switch from a Twig file to .css and back to a Twig file again, and then press Ctrl/cmd Z.

If you're looking for other keyboard short cuts, you can find these in the code editor in the middle column when you click on the keyboard icon.

Web version project
If you're working in the code editor, press Ctrl/cmd P or the screen icon (with an eye in it) on the right to see the web version of your project.