|
==Editing the website menu==
Please refer to my [https://oaktreewebs.co.uk/wiki/ wiki] for full details of the menu and how to edit it.
The website menu is held in the file ''my-menu.js''. This ensures that it does not conflict with the existing menu.
It is now possible to add dividing bars to sub-menus as well as extra menu items. The menu is shown below:
<nowiki>
menuSrc = [
{title: "Dashboard", menu: "b", url: "index.html"},
{title: "Today", menu: "b", url: "today.html"},
{title: "Yesterday", menu: "b", url: "yesterday.html"},
{title: "Today-Yest", menu: "b", url: "todayVyest.html"},
{title: "Gauges", menu: "b", url: "gauges.html"},
{title: "Records", menu: "b", submenu: true, items: [
{title: "This Month<i class=\"fa-solid fa-rectangle-list\"></i>", menu: "b", url: "recordsthismonth.html"},
{title: "This Year<i class=\"fa-solid fa-rectangle-list\"></i>", menu: "b", url: "recordsthisyear.html"},
{title: "All Time<i class=\"fa-solid fa-rectangle-list\"></i>", menu: "b", url: "recordsalltime.html"},
{title: "Monthly<i class=\"fa-solid fa-rectangle-list\"></i>", menu: "b", url: "recordsmonthly.html"},
{title: "", menu: "b", url: "#"},
{title: "All records<i class=\"fa-solid fa-rectangle-list\"></i>", menu: "b", url: "records.html"}
]},
{title: "Charts", menu: "b", submenu: true, items: [
{title: "Trends<i class='fa-solid fa-chart-line'></i>", menu: "b", url: "chartstrends.html"},
{title: "Select-a-graph<i class='fa-solid fa-chart-line'></i>", menu: "b", url: "chartsselect.html"},
{title: "Historic<i class='fa-solid fa-chart-line'></i>", menu: "b", url: "chartshistoric.html"}
]},
{title: "Reports", menu: "b", url: "noaareports.html"},
{title: "Forum", menu: "b", url: "#", forum: true, new_window: true},
{title: "Webcam<i class='fa-solid fa-camera'></i>", menu: "b", url: "#", webcam: true}
];
</nowiki>
'''Things to note'''
* It is possible to use ''Font-Awsome'' icons in the menu
*; You don't need to add sub-menu indicator icons as this is embedded in the code.
* You can add menu dividers to the sub-menus by adding an entry as shown below:
'''{title: "", menu: "b", url: "#"}'''
*; It can be placed in both menus, only the full screen menu or the mobile menu as required.
====Other changes====
The mobile menu now collapses correctly if you select a different sub-menu - you don't have to close a submenu manually before you open another one.
==Changing the Theme and Other Settings==
| 