Customization: HTML sections
This page explains where each Custom HTML section is injected in the HFS frontend.
Content is stored in custom.html (in your CWD) with the format:
[sectionName]
...your HTML/CSS/JS here...Notes:
- Sections apply to the frontend UI (file list, login dialog, user panel), not the Admin panel.
-
styleandscriptare injected into existing<style>/<script>tags. Do not wrap them in tags.
| Section | What to write | Where it ends up |
|---|---|---|
style |
CSS only | Inside a <style> tag near the top of <body>, before plugin styles. |
script |
JavaScript only | Added as an inline <script> in the document head once the frontend is running. |
htmlHead |
Full HTML tags | Appended inside <head> (after title and favicon). |
top |
HTML | Immediately after the opening <body> tag. |
bottom |
HTML | Just before the closing </body> tag. |
beforeHeader |
HTML | Before the main header on the file list page. |
afterHeader |
HTML | After the header and before the file list. |
afterMenuBar |
HTML | Inside the header, right after the menu bar and before breadcrumbs. |
afterList |
HTML | After the file list and before the footer area. |
footer |
HTML | At the bottom of the file list page, after the clip bar. |
afterEntryName |
HTML | In each entry row, right after the file/folder name and before comments/details. |
beforeLogin |
HTML | At the top of the login dialog, before the username/password fields. |
unauthorized |
HTML | Shown instead of the file list when the user is not authorized; also used for HTTP 401 pages. Use $MESSAGE to include the default message. |
userPanelAfterInfo |
HTML | In the user panel dialog, after account info and before action buttons. |
These sections are not visible in the page: style, script, htmlHead