<div style="position:relative;">
<img src="some_image.png"/>
<a href="http://someurl.com" style="position:absolute;top:50px;left:50px;">some text</a>
</div>

How to change Java RAM usage

Linux:

/opt/Noodle/multiserver
MAX_MEMORY=512

Windows:

%PROGRAMFILES%\Noodle\intranet.bat
-Xmx512M

You need custom scripts enabled.

var doc=top.noodle.headWindow().document;
var el=doc.getElementById("status");
el.style.display="none";
el=doc.getElementById("currentUserId");
el.style.display="none";
el=doc.getElementById("currentUser");
el.style.margin="20px";
el=doc.getElementById("currentUserName").parentNode;
el.style.display="block";

The Noodle search is located on the top bar, additionally you can search from the search widget and some application types.

• Search indexes file names, descriptions, keywords, and the content of text files( and other formats and meta data if configured).
• If your search results are to broad you can click on the advanced link and filter them.
• Words in file names and titles are prioritized over those in the contents.
• If you are looking for the most resent changes on Noodle try the What's New.

Noodle allows you to change much of it's appearance and some of it's behavior.

The simple changes:

• Change the logo in the top left and on the login screen in System Tools>Settings>General Settings
• Change the Colors from the same place.
• add, remove, sort, and nest applications in the navigation.
• add some fancy widgets

Advanced changes:

• Backup a copy of the CSS and customize it in the settings.

Appearance and beyond:

• Inject your own JavaScript

Old Noodle videos are available on Vimeo. and Youtube.

Other ways to insert JavaScript here

1. Press the "Edit" button
2. Press the "More" button
3. Press the "Source" button
4. make a script tag
5. put your Javascript in it

If you want to use the page re-writer or otherwise effect other pages you will have to escape the scope of the page:

<script>
function temp(){
	if(!top.noodle.custom){
	    top.noodle.custom=function(){
	        var doc=top.noodle.mainWindow().document;
	        var url=doc.location.href;
	        
                //your code here
	        
	    };
	}
}
top.noodle.core.evalString(temp.toString()+";temp();");
</script>

If your browser is capable Videos will play in the browser from the folder and Media applications, and from embedded in Pages etc;

<video width="320" height="240" controls>
    <source src="/ShowItemData.po?path=/folder/example.mp4" type="video/mp4">
    <source src="/ShowItemData.po?handle=1&filename=example.ogg" type="video/ogg">
    <source src="//domain.tld/example.webm" type="video/webm">
    Please use a modern browser for video support.
</video>

Tools:

• ffmpeg can be used to thumbnail and transcode.
  • Noodle will thumbnail images and videos for you.
  • make sure to encode with the "faststart" flag;

    ffmpeg -i in.mp4 -codec copy -movflags +faststart out.mp4

• MediaInfo can be used to inspect.
  • Verify faststart/IsStreamable;

    mediainfo -f file.mp4 | grep IsStreamable

• handbrake is a nice GUI for encoding
  • make sure to encode with "web optimized"
• djpeg + pngtopnm + pnmscale can be used to thumbnail non-progressive jpgs of any size with minimal RAM usage.