PiAware web interface - How to add custom text?

[abcd567]

@hakubo

Add a new div to buttonContainer so it looks like:

<div class="buttonContainer">
  <div class="dateTime" id="clock_div"></div>
  <div class="dateTime" id="temperature_div"></div>

Add in some inline Javascript just above the title tag:

 

Above method by @hakubo should work OK

I have done similar (for embeding Gain Control), but my code was inserted above buttonContainer tag

 

@abcd567

(3) Make a backup copy of file index.html by following commands…

cd /usr/share/skyaware/html
sudo cp index.html index.html.orig

(4) Open file index.html for editing
sudo nano /usr/share/skyaware/html/index.html

Press Ctrl+W and type buttonContainer and press Enter key
the cursor will jump to <div class="buttonContainer">
add following 3 lines of code just above line <div class="buttonContainer">

<div id="GAIN" style="text-align:center;width:175px;height:65px;">
<iframe src=gain.php style="border:0;width:175px;height:65px;"></iframe>
</div> <!----- GAIN --->