Pi 2 + PiTFT 3.5" resolution

[angloman]

Got a thinker for you guys.

I spent all day trying to figure this out on my own and for the life of me, I can't get this to work. I'm building a Pi running the latest version of Rasbian and Octoprint with a 3.5" PiTFT. It will be my 3d print server with a graphical front-end so I can monitor the print and step in if I need to, without having a computer in the room.

Octoprint server works, and so does the PiTFT. Octoprint also comes with PiPanel but from what I've seen it's kind of useless. What I have managed to do is write a shell script which runs at login that loads a browser, directs it to the octoprint server and goes full screen. In theory, it works surprisingly well.

My issue is that the website loads too big for the screen and I need to scroll (which is very difficult for a non-touch based OS) to see everything. I tried zooming out, which kind of worked but I'm still missing some key controls. When I connect to Octoprint on my phone, it looks fine on the screen. I don't know how to make it appear the same way on my Pi. I was thinking of upping the resolution of the screen, so that everything on it would be smaller, but I can't figure out how to do that. I also thought of trying to tell the browser to somehow render things smaller but I don't know how to do that either.

Here's an example of how it looks on my PiTFT vs how it looks in landscape / portrait on my iPhone
http://imgur.com/a/VYhOj

Any thoughts?

[Goraxium]

One of the downsides to some websites is that they use hard-coded sizes for various things, which can look amazing on 95% of all setups, but bad on the other 5% (the smilies on these forums for instance, end up being in a long column off to the right of the page, with a huge blank space on the left, when viewed on my phone). You'll notice that in the white space around the state and file blocks on the pages in the images you supplied.

I haven't used Octoprint, but if you can modify the page layout yourself, that'd be the simplest solution (assuming it has template css/html files you can edit).

Some browsers have hidden settings too (usually about:config), so you may be able to change the settings in some way to scale the page down. Another option is to install browser extensions that change the user agent (which can change the page layout).

Beyond that, I'm not sure I'll be of much help to you. Hopefully somebody with more knowledge can offer a few other suggestions.