How can I make Octoprint's interface in my browser "bigger"


#1

Is there a way to make Octoprint's interface in Chrome bigger, to make it use the full width of my screen ?

See this image to understand what I mean https://imgur.com/kGTVehk


#2

Not without re-writing your own interface via plugin and the UIPlugin mixin. You may be able to tweak some stuff with Themify Plugin, but I don't think I've seen anyone do this yet. @OutsourcedGuru is one of the guys that has worked with that plugin a lot, so he might know.


#3

Thanks for the answer, I thought it was something simple. I guess I'll just use the browser's zooming feature.


#4

It's easy with Themify, as suggested. You're looking for .span8 and .container. Set them to numbers you find pleasing on your resolution.

I'm also using it to set the temperature graph's background image to a second Pi mjpg-streamer here as seen from a bird's eye view. And I'm styling the custom buttons I added to the bottom of the Control tab so that the page doesn't "go long".

I'm running a fork of Themify, not that it matters.


#5

Thank you ! This is exactly what I was looking for, I'll give it try tonight.


#6

Me too :+1: Thank you!


#7

I can't get it change size? am i missing something?


#8

You may have to press Crtl F5 to clear the cache...


#9

problem solved I had "Width" instead of "width"


#10

Hi,

Thank you for this.

I am completely new to Octoprint and am trying to get Ocotoprint's interface bigger in a browser.
Where do I set up the settings from your 2nd screenshot?
I can't seem to see a similar screen on my stock setup.
These are what my settings look like.

Thanks in advance.


#11

Hi @dartec!

They are set in Custom Style. You may have to play a bit with the values to fit your needs.


#12

Thank you @Ewald_Ikemann

It looks like I came right.
I will play around with it.