@mxtommy KIP instrument display webapp for Signalk

[captmatto]

Hi All

Do any of you know if there are any styling options other than the default themes?

I'd like to try and change some of the label colours and or backgrounds of the dark theme. I am a web developer so happy to work with CSS etc but just wondering if we have access to the files?

[PaddyB]

Hi All

Do any of you know if there are any styling options other than the default themes?

I'd like to try and change some of the label colours and or backgrounds of the dark theme. I am a web developer so happy to work with CSS etc but just wondering if we have access to the files?

The author comes in here quite often but you might  be better off asking on signalk  slack  - http://slack-invite.signalk.org/

[captmatto]

Hi All

Do any of you know if there are any styling options other than the default themes?

I'd like to try and change some of the label colours and or backgrounds of the dark theme. I am a web developer so happy to work with CSS etc but just wondering if we have access to the files?

The author comes in here quite often but you might  be better off asking on signalk  slack  - http://slack-invite.signalk.org/

Thanks! :-) Have just joined the Slack Channel

[mxtommy]

Hi All

Do any of you know if there are any styling options other than the default themes?

I'd like to try and change some of the label colours and or backgrounds of the dark theme. I am a web developer so happy to work with CSS etc but just wondering if we have access to the files?

https://github.com/mxtommy/Kip :)

Instructions to develop if you're new to Angular are in the README.md under Developing. Files you want to edit (to update an exiting theme) are in src/themes. 

To create a new theme, create your new theme in src/themes then import it and give it a class in src/styles.scss (see around lines 90 and 140). Then you need to add a button for it at the end of /src/app/app.component.html (see others there)

If you create a new theme and want to share it feel free to create a pull request

Good luck!

[jetkit]

Hi there! I have been dealing with an issue that I couldnt workaround, so I need help please. When openning KIP from browser running at my rasp, the address used is: http://localhost:3000/@mxtommy/kip/#/page/0
The IP address of my rasp is 10.10.10.1. When I try to access KIP using web browser on laptop or tablet and I point to address http://10.10.10.1:3000/admin/#/dashboard I can access SignalK server.  But when I try to access KIP, the address http://10.10.10.1:3000/@mxtommy/kip/#/page/0  shows a different dashboard than the expected one! 
Any help is more than welcome, please. Thanks.
Maximo

The KIP dashboard layout is stored locally so each device can have a different set up.
You can save the settings you like on the Pi browser in settings/config then load them into your laptop/phone -

many, many, many thanks for the support, it worked flawlessly.

Isn't there a way to load a KIP configuration in the URL? something like http://192.168.0.122:3000/@mxtommy/kip/#...n=screen21...

[Tuomas_S]

Kip is great! I have a few rendering questions tough:

I have a list indicator that show listing in degrees. it works fine and reads sensor data correctly- however, the current value in kip doesn't change even tough the meter shows correct values. Another thing is alarm zones. I've set my voltage zones, but for some reason Kip doesn't render them correctly. (See pic) any pointers on how to fix this?

[Boatingbaileys]

Kip is great! I have a few rendering questions tough:

I have a list indicator that show listing in degrees. it works fine and reads sensor data correctly- however, the current value in kip doesn't change even tough the meter shows correct values. Another thing is alarm zones. I've set my voltage zones, but for some reason Kip doesn't render them correctly. (See pic) any pointers on how to fix this?

Try changing the voltage range on the guage down to 10 and up to 17 and see if it renders correctly. I've done something similar and i think i've done two bands like you although i'm trying to remeber if i did.

On the temp guage is the signalK path showing C? try changing that unit format to undefined or no change and see if that sorts it. The other option is to clear browser cache, this sometimes sorts strange issues like this.

[maxchertudi]

Hi! I do love KIP and I am willing to embed Grafana graphs, but KIP displays "10.10.10.1 refuse to connect". the widget uses the link: http://10.10.10.1:3001/d/a2777df3-e45a-4...iewPanel=1 where 10.10.10.1 is the openplotter box.
I also set Grafana to :
-allow_embedding = true
-[auth.anonymous]
# enable anonymous access
;enabled = true

what am I doing wrong? thanks forany headsup

[Blue Ocean]

You need to remove the ";" and restart Grafana.

Did you write the "allow_embedding = true" without the dash in front of it?

To get exactly the screen you want, choose the time-span you want and than copy the URL and paste it in the KIP config screen.

[maxchertudi]

You need to remove the ";" and restart Grafana.

Did you write the "allow_embedding = true" without the dash in front of it?

To get exactly the screen you want, choose the time-span you want and than copy the URL and paste it in the KIP config screen.

many thanks for the prompt reply! it worked like a chamr!