HOWTO: use the "owner info" and "additional HTML" fields on Admin/Webpage Tab

WA2ZKDWA2ZKD
edited March 2022 in Configuration and Operation

Visiting other systems, I see lots of useful adds that are done in that config area. How about sharing some of your work here?

Comments

  • ArturPLArturPL
    edited March 2022

    An interesting topic, so maybe I'll start.

    Time widget at the top of the page (used to be a separate topic in the forum) useful and free.

    You open the website of the time service provider https://time.is/widgets

    You choose what is to be displayed according to the scheme given on the website and paste Owner info in the line.

    For an individual look, I used the icons from https://emojipedia.org/ which are not in the link generated by Time.is

    For my location, it looks like this:

    <center> <a href="https://time.is/PE?oE?sk" id="time_is_link" rel="nofollow" style="font-size:13px;color:black;background:gainsboro"> Plonsk SDR 🅰️ </a> <span id = "_ z733" style = "font-size: 13px; color: black; background: gainsboro"> </span> <script src = "// widget.time.is/en .js "> </script> <script> time_is_widget.init ({_ z733: {id:" PE? oE? sk_z733 ", template:" TIME DATE SUN ", date_format:" daynum / monthnum / year ", sun_format:" 🌅 srhour: srminute-sshour: ssminute 🌇 dlhoursh☀️dlminutesmin ", coords:" 52.6234800,20.3755200 "}}); </script> </center>


    Edit:

    One more thing, this script is not visible on smartphones, if you want it to be visible, paste it in the window Additional HTML/Javascript for HTML but the screen will move 13 pixels to the bottom in this case

  • CommSigmaCommSigma
    edited March 2022
    chatango.png

    I have Chatango running on my receivers. Code gets added to the Additional HTML/Javascript for HTML section. Allows users across all my Kiwis to chat and allows me to send administration messages as well.

  • jksjks
    edited March 2022

    In the title of this thread I changed "user config window" to "owner info field". There is nothing called a user config window and this confused me greatly until read what Artur was talking about.

    This field is not visible on small screens with narrow width. All the elements on the top bar don't fit on a narrow screen so some of them are not rendered. The owner field is eliminated first, then the name/callsign field, then the time/OpenWebRx block leaving only the left-most info block.

    You can see this in action by using the screen zoom function of your browser to simulate a narrow screen. A better solution is needed as part of proper mobile support (someday).

  • WA2ZKDWA2ZKD

    this was the area I was referring to...

    image.png


  • jksjks

    Well, that's not called the "user config window" either. And what Artur's reply was referring to was the owner info field. Both of those can be used to add HTML and/or Javascript customizations to the user connection page.

  • WA2ZKDWA2ZKD

    now I can't remember what I called it in the subject of my original post! :-) Thanks for the clarification.

  • jksjks

    @WA2ZKD Thanks for this interesting topic. I am constantly amazed when I run across something clever that a Kiwi owner/admin has implemented.

  • ArturPLArturPL

    The Website tab gives us a lot of options when it comes to individual needs, and that's a good thing. You just have to be careful about the correctness of the HTML code, I forgot about the parentheses once and Kiwi did not want to take off.

    Coming back to the topic of the appearance of other websites: I also use an interesting script sent by rz3dvp from the Christmas Kiwi theme, changing the avatar, I also saw a lot of nice websites but still didn't get the optical fiber with public IP and had to give up many things.

    Still, there are still very few people willing to share their ideas, which is a pity because there might be a large chapter about it.

  • WA2ZKDWA2ZKD

    Yes, I was hoping people might post some code snippets

  • studentkrastudentkra
    edited March 2022

    Changing the Kiwi logo in the top left corner , hidden band bar, transparent toolbar.

    <script type="text/javascript">
document.addEventListener('DOMContentLoaded', function(){ 
document.querySelectorAll("#id-left-logo").forEach(function(item) {
//LOGO
item.src = "https://i.ibb.co/G3scxvc/santa-kiwi-with-head.png";
// Hide Band bar
document.getElementById("id-band-canvas").style.display = "none"; 
document.getElementById("id-dx-container").style.top = '0';
document.getElementById("id-band-container").style.height = '80px';
//Transparent toolbar
document.getElementById("id-control").style.opacity = "0.75";
});
});
</script>

    Large scripts are conveniently placed outside. For example, on Google Drive or on KiwiSDR itself. On the "additional HTML" tab, it is enough to write only one line with a link. For example:

    <script src="http://your.kiwisdr:8073/config/script.js"></script>
  • kb3cskb3cs
    edited February 2023

    with the URL as shown, you have put script.js in the /root/kiwi.config directory.

    there is no need for the protocol and IP address in the URL, and in fact it will likely work better for everyone (LAN or WAN) if instead you did:

    <script src="config/script.js"></script>
  • kb3cskb3cs
    edited February 2023

    i have added one of the N0NBH solar data infographics to my KiwiSDR top bar. the code snippet suggested by N0NBH is added to the "Owner info" in Webpage. i have not yet worked out how to fix the location photo captioning and scroll down/up effect, but it is "good enough" for now.

    i created a javascript file make-room-for-solardata.js , placed it in /root/kiwi.config , and referenced in "Additional HTML".

    the file contains (do not put the <script ..></script> stanza in the file):

    document.addEventListener('DOMContentLoaded', function(){
  document.getElementById("id-top-bar").style.height = '210px';
  document.getElementById("id-top-container").style.height = '210px';
  document.getElementById("id-top-bar-background").style.height = '210px';
  document.getElementById("id-top-photo-spacer").style.height = '210px';
});

    i note 210px is only slightly taller than the spectrum display (when selected).

    i suspect it is possible to elide the file open()+read() by directly placing the javascript inside a <script ..></script> stanza in "Additional HTML".

  • WA2ZKDWA2ZKD
    edited June 2023

    I tried to put this in but it messes up the top format a bit

    <div><object data="http://jimlill.com/sun.txt"></object></div>

  • jksjks

    The defaults used for that <pre> you send over are not optimal. So just style it a little on the Kiwi side. I couldn't get rid of the vertical scrollbar using a height less than 42px

    <object data="http://jimlill.com/sun.txt" style="width:500px; height:42px"></object>

  • WA2ZKDWA2ZKD

    Thanks, I changed the stuff on the server that creates that info and then added

    <object data="http://jimlill.com/sun.html" style="width:500px; height:42px"></object>

  • studentkrastudentkra

    Try to change sizes of div, not object:

    <div style="width:800px; height:20px;position:relative;top:-15px"><object data="http://jimlill.com/sun.txt"></object></div>

  • WA2ZKDWA2ZKD

    Thanks..... after making some changes on the data server I refined it to

    <div style="width:800px; height:30px;position:relative;top:1px"><object data="http://jimlill.com/sun.html"></object></div>

  • WA2ZKDWA2ZKD

    It'd be nice if I could figure out how to replace the Owner Info with it

  • studentkrastudentkra

    Its very easy!

    Info_owner.jpg


  • WA2ZKDWA2ZKD
    edited June 2023

    I thought it might bre but my first attempt retained all the tags I had used with the other method

  • WA2ZKDWA2ZKD

    I fixed up the server data and think the result looks quite nice

  • jksjks

    Try to change sizes of div, not object

    Thanks for that. I had a difficult time trying to understand what was happening.

  • studentkrastudentkra

    I also couldn't understand the properties of this "object" for a long time until I placed it inside <div></div>. After that, it is subject to any transformation.

Sign In or Register to comment.