Knote custom templates (noteTemplate)

alansingfield · 08-12-2018, 09:16 AM

I thought I would share some of my experiences with creating custom noteTemplate .png files - it's tricker than I first thought.

I'm after two main styles:

Graph paper with 2cm outer grid, 1cm inner grid, 2mm tiny grid.
Lined writing paper with margin (like you had in school).

First attempt was to find an online PNG graph generator, generate a graph and copy it to noteTemplates. I set the output size to exactly 1404px wide by 1872px high.

The result was awful! About every 5th or 6th line was missing or narrower than it should be. However, pressing the full-screen button made it look perfect.

So - I can conclude from this that it does a destructive scaling of the image in the view with the toolbar / menubar, then shows at native resolution when you do full screen.

Next challenge was to find out WHICH pixel rows and columns get missed out. Time to get out the software development tools

I created a PNG a little bit like those ones that inkjet printers do to find a blocked nozzle, and loaded that into noteTemplates.

After a lot of counting and fiddling around with Excel, I found that about every 16th/17th pixel gets missed out.

So then I could create a graph drawing program that will look at each line it is going to draw, compare to the list of "dead" pixels - if it is a dead one then shift back or forwards by 1px.

Loaded up into noteTemplate and we have a nice set of clean backgrounds that look good in normal edit or full screen!

alansingfield · 08-12-2018, 09:18 AM

Attached.

alansingfield · 08-12-2018, 09:30 AM

Source code at https://github.com/alansingfield/Boo...PaperGenerator

scoot.at · 08-12-2018, 09:50 AM

Hey alansingfield. Thanks for the useful info. I was also wondering how to create a new template. Such a question arise, how can I put the templates my Note? Is there any specific folder which I can load the template? Thank you.

alansingfield · 08-12-2018, 01:18 PM

Yes, it's really easy - they go into the noteTemplate folder. This was only introduced in the recent 1.9.0 update so if you can't find the folder you need to upgrade!

scoot.at · 08-12-2018, 02:50 PM

alansingfield Thank you so much for your help! I am trying right now.

Jayjee · 08-16-2018, 02:30 PM

Quote:

Originally Posted by alansingfield

Source code at https://github.com/alansingfield/Boo...PaperGenerator

Hi alansingfield,

how complicated is describing how to make a template with your sourcecode? I am no newbie, but no expert programmer and have never dealt with csproj /MSbuild. If it requires too many explanations, just let it be and I would fully understand.
I am interested in creating several templates for musical scores...

Anyhow, thanks for the templates you provided (and the source code)...

/Jan

alansingfield · 08-21-2018, 05:04 AM

Jayjee,

you could get hold of Visual Studio Community Edition perhaps?

Probably the most useful part of the code is the list of "dud" X and Y positions, you could scrap the rest if you're coding in another language.

Good luck!

Alan.

whopper · 09-03-2018, 11:07 AM

any way to do those for the max 2 resolution?

alansingfield · 09-03-2018, 02:50 PM

I don't own one of them myself, so I'd be unable to tell if it works properly or not. It was quite a bit of trial-and-error to find the "missing" lines so not easily done without the device in front of me.

whopper · 09-03-2018, 06:20 PM

Quote:

Originally Posted by alansingfield

I don't own one of them myself, so I'd be unable to tell if it works properly or not. It was quite a bit of trial-and-error to find the "missing" lines so not easily done without the device in front of me.

thanks, i'll do that then, trial and error until I find it.

M.I.H · 02-20-2019, 07:22 AM

Uploaded some .png Note Templates for Onyx Boox Max 2 / Note devices for anyone that might want them. Black page for writing drawing with white ink, and a series of lined pages with varying line widths both black lines on white and white lines on black.

I used a few websites to create the .png files. First created .pdf lined pages here: https://incompetech.com/graphpaper/lined/ and then converted them to .png here: https://pdf2png.com/ then edited the .png files here: https://www298.lunapic.com/editor/ (using negative filter to create white lines on black). The black page I just saved a blank document in MS Word as a .pdf and then converted it to .png and edited the .png using negative filter.

JonasKofod · 02-22-2019, 07:18 PM

The templates works, simple and easy. Thanks.

Is there any way to add templates to the pages for the side note functionality in Neoreader?

M.I.H · 02-28-2019, 01:47 AM

Quote:

Originally Posted by JonasKofod

The templates works, simple and easy. Thanks.

Is there any way to add templates to the pages for the side note functionality in Neoreader?

Hi, not that I know of.

souldsad · 06-08-2019, 09:35 AM

Hi ,
Can i add this templates on Notes inside a Onyx Note Pro?
Thank You

08-12-2018, 09:16 AM	#1
alansingfield Junior Member Posts: 7 Karma: 658 Join Date: Aug 2018 Device: Boox Note	Knote custom templates (noteTemplate) I thought I would share some of my experiences with creating custom noteTemplate .png files - it's tricker than I first thought. I'm after two main styles: Graph paper with 2cm outer grid, 1cm inner grid, 2mm tiny grid. Lined writing paper with margin (like you had in school). First attempt was to find an online PNG graph generator, generate a graph and copy it to noteTemplates. I set the output size to exactly 1404px wide by 1872px high. The result was awful! About every 5th or 6th line was missing or narrower than it should be. However, pressing the full-screen button made it look perfect. So - I can conclude from this that it does a destructive scaling of the image in the view with the toolbar / menubar, then shows at native resolution when you do full screen. Next challenge was to find out WHICH pixel rows and columns get missed out. Time to get out the software development tools I created a PNG a little bit like those ones that inkjet printers do to find a blocked nozzle, and loaded that into noteTemplates. After a lot of counting and fiddling around with Excel, I found that about every 16th/17th pixel gets missed out. So then I could create a graph drawing program that will look at each line it is going to draw, compare to the list of "dead" pixels - if it is a dead one then shift back or forwards by 1px. Loaded up into noteTemplate and we have a nice set of clean backgrounds that look good in normal edit or full screen!

08-12-2018, 09:18 AM	#2
alansingfield Junior Member Posts: 7 Karma: 658 Join Date: Aug 2018 Device: Boox Note	Here are the templates Attached. Attached Thumbnails

08-21-2018, 05:04 AM	#8
alansingfield Junior Member Posts: 7 Karma: 658 Join Date: Aug 2018 Device: Boox Note	CSPROJ etc. Jayjee, you could get hold of Visual Studio Community Edition perhaps? Probably the most useful part of the code is the list of "dud" X and Y positions, you could scrap the rest if you're coding in another language. Good luck! Alan.

09-03-2018, 02:50 PM	#10
alansingfield Junior Member Posts: 7 Karma: 658 Join Date: Aug 2018 Device: Boox Note	Max2 resolution I don't own one of them myself, so I'd be unable to tell if it works properly or not. It was quite a bit of trial-and-error to find the "missing" lines so not easily done without the device in front of me.

02-20-2019, 07:22 AM	#12
M.I.H Member Posts: 17 Karma: 46 Join Date: Jan 2019 Device: Onyx boox note	Uploaded some .png Note Templates for Onyx Boox Max 2 / Note devices for anyone that might want them. Black page for writing drawing with white ink, and a series of lined pages with varying line widths both black lines on white and white lines on black. I used a few websites to create the .png files. First created .pdf lined pages here: https://incompetech.com/graphpaper/lined/ and then converted them to .png here: https://pdf2png.com/ then edited the .png files here: https://www298.lunapic.com/editor/ (using negative filter to create white lines on black). The black page I just saved a blank document in MS Word as a .pdf and then converted it to .png and edited the .png using negative filter. Attached Thumbnails

08-12-2018, 09:30 AM	#3
alansingfield Junior Member Posts: 7 Karma: 658 Join Date: Aug 2018 Device: Boox Note	Source code at https://github.com/alansingfield/Boo...PaperGenerator

08-12-2018, 09:50 AM	#4
scoot.at FlapJack Posts: 21 Karma: 10 Join Date: Nov 2014 Location: Highland Device: Kindle Paperwhite 3, Kindle Touch, Kindle Keyboard, Onyx Boox Note	Hey alansingfield. Thanks for the useful info. I was also wondering how to create a new template. Such a question arise, how can I put the templates my Note? Is there any specific folder which I can load the template? Thank you.

08-12-2018, 01:18 PM	#5
alansingfield Junior Member Posts: 7 Karma: 658 Join Date: Aug 2018 Device: Boox Note	Yes, it's really easy - they go into the noteTemplate folder. This was only introduced in the recent 1.9.0 update so if you can't find the folder you need to upgrade!

08-12-2018, 02:50 PM	#6
scoot.at FlapJack Posts: 21 Karma: 10 Join Date: Nov 2014 Location: Highland Device: Kindle Paperwhite 3, Kindle Touch, Kindle Keyboard, Onyx Boox Note	alansingfield Thank you so much for your help! I am trying right now.

09-03-2018, 11:07 AM	#9
whopper Addict Posts: 350 Karma: 22726 Join Date: Mar 2008 Location: Europe Device: Boox max 2	any way to do those for the max 2 resolution?

02-22-2019, 07:18 PM	#13
JonasKofod Member Posts: 12 Karma: 10 Join Date: Oct 2018 Device: Onyx Boox Nova	The templates works, simple and easy. Thanks. Is there any way to add templates to the pages for the side note functionality in Neoreader?

06-08-2019, 09:35 AM	#15
souldsad Junior Member Posts: 1 Karma: 10 Join Date: Jun 2019 Device: Onyx Note Pro	Hi , Can i add this templates on Notes inside a Onyx Note Pro? Thank You

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[Custom Covers] Blanks, Templates - get them, share them, help to modify and create	MiniMouse	Calibre	247	02-13-2023 04:30 PM
Custom Templates on Max2 / Note	ChristianM	Onyx Boox	5	01-07-2018 08:42 PM
Help using custom column templates	gabby98	Calibre	2	07-17-2012 05:24 PM
Techniques to use plugboards, custom columns and templates	kovidgoyal	Library Management	0	01-26-2011 04:21 PM