Possible? Buttons on top of web page content - SOLVED

Questions
#1

Hi

I am looking at using the Kodi web GUI embedded in to Home Remote.

I wanted to add some volume buttons to control my AVR amplifiers volume.

As the volume controls in the Kodi web GUI obviously just control the volume of the Kodi software application on the HTPC.

I can add some buttons on the side, but I’d rather them be on top of the web page, but I guess its not possible.

image
image1024×600 170 KB

Also it looks fine with the buttons at the right hand side on my 7 inch tablet.

However when opening the same project in Home Remote in the WIndows 10 app the buttons are not in the same right hand side position and are hidden behind the web page content.

I then noticed in the Kodi web GUI you can add your own buttons to the main menu.

image
image883×485 25.4 KB

However the URL only seems to be a local one to the Kodi PC, not any old URL you can just launch. As I have URL’s to control the AVR’s volume via Vera.

image
image1351×683 280 KB

It puts the Kodi PC’s web server address before my http://… command to control the AVR’s volume up, so I think that idea is a no go.

#2

I guess I can drag down my Web Browser element and make it smaller at the top and place the volume buttons up there.

image
image1024×600 197 KB

But I lose a lot of screen real estate on a 7 inch tablet doing this.

Also the volume buttons on the Windows 10 app are not correct. They are massive and not the correct size as on the Android app.

image
image1363×715 240 KB

image
image1037×529 72 KB

Any suggestions on the best way to handle these volume buttons on this page ?

Thanks

#3

OK I figured it out, for some reason I couldn’t drag my buttons in the Outline area to order them. But I could right click the buttons and select “Bring to Front”.

It’s working on Android and Windows 10 app now.

image
image1024×600 193 KB

I just need a working browser back button now.

2 Likes