search

jneilliii / OctoPrint-CustomBackground

10 stars 3 forks source link

[REQUEST] Change BRAND icon on the upper left #20

Closed bolsoncerrado closed 6 years ago

bolsoncerrado commented 7 years ago

Can you add the option to change the icon on the upper left, aka "brand" icon, too?

in packedcore CSS:

navbar

....

.brand span { background-image: url(../img/tentacle-20x20-light.png); }

jneilliii commented 6 years ago

You may want to look into OctoPrint-Themify Plugin. It allows full customization of the UI through css. I just tested and if you use the selector #navbar .navbar-inner .brand span and set the value to url(https://lh3.googleusercontent.com/5Gekwg12zc-foOjLzpBzeZiAC2yMg1LlkX7pPF588febneh8kRuvQk0oHfspsEs8Wno=w300) the branding icon changes.

bolsoncerrado commented 6 years ago

While that is far more than acceptable, a simple "icon url" field in the admin interface /settings/ would be awesome ;)

amrithmmh commented 6 years ago

i gave url(file:///home/pi/icon.png) instead of https link but my image is not displayed... can you help please

jneilliii commented 6 years ago

Just upload your image as if you were uploading gcode.

amrithmmh commented 6 years ago

thanks @jneilliii how to change the favicon/shortcut icon(on the title bar)?

jneilliii commented 6 years ago

My plugin doesn't do that... yet.

amrithmmh commented 6 years ago

@jneilliii thanks for making this awesome plugin is there a way to modify the html file directly in octopi?

jneilliii commented 6 years ago

Newest version 0.9.0 allows for changing the brand icon. You will want to resize the image to 20x20 prior to upload and it has to be named icon to be recognized correctly.

amrithmmh commented 6 years ago

latest 1.3.9 it no longer works

jneilliii commented 6 years ago

I have 1.3.9 and it's working for me fine. You uploaded the file with a name of icon?

image

amrithmmh commented 6 years ago

yes it worked with your plugin...i tried with themify it doesnt work now.. for any one who needs to change the brand icon 1.Install "Custombackground" plugin for Octoprint 2..use "upload" from octoprint web interface [just like you upload gcode files] and upload "icon.png" file that should do the trick.

thank you @jneilliii

amrithmmh commented 6 years ago

what should be the name of file for the graph-background? is it graph-background.png?

jneilliii commented 6 years ago

From memory I don't think it has to be named special, just be an image.