Raspberry 7inch touchpanel
I managed to install the 7inch Raspberry touch panel.
And you already expect the following question.
The desktop on the 7inch display looks very good. I installed the virtual keyboard with it. Together it is working nicely.
When I use the browser to goto eGeoffrey the display looks not to be utilised to its full extend.
Instead of the widget getting smaller they are converted into white bars with only a little bit of info at the left side.
Would there be a way to prevent that the widgets are displayed this way? Looking to the display of the desktop, the 7inch display should be capable enough.
It would be much nicer when the widgets would be displayed the normal way but only smaller instead of having large white bars with a little bit of info.
Until now I have been developing on my laptop.
Now I am looking for a nice and easy way to keep an eye on the system during every day use of the system.
There are of course several ways to do this.
Raspi with small display
and maybe more.
Playing around on the laptop with squeezing the display it turns out that when the display gets narrower the widgets are squeezed to a certain level. Unused space at the right side of the window stays unused. At a certain point the widgets are displayed underneath each other. Each widget is a white bar with data only at the left side of the screen. Empty space at the left side is kept empty.
Squeezing even further forces the empty space at the left side to be filled with widgets also.
Then the sidebar gets kicked out. One ends up with a vertical list of all widgets with the data at the left side of the screen.
This is more or less the behaviour of the web browser.
Having noticed this, the real question about the way the presentation of data on a smaller device would be:
At which resolution of the display are the widgets not anymore displayed in a nice overview with the widgets spread over the display but forced in a vertical way?
Furthermore knowing this kind of behaviour of a web browser on other platforms then a laptop it might be wise to first decide on which type of platform the system will be presented during operational use.
If this device has a smaller display it could be helpful to go for a different design of the GUI from the start.
Then the approach for a medium sized display could be to use the full width of the screen. Do not leave unused space at the left side of the screen. Do not leave space unused at the right side.
For small platforms like a smartphone or small tablet it could de wise to go for a vertical design of the GUI from the start.
It might be helpful to spend some words on this theme in the user documentation.
You are far more knowledgeable about this matter than I and you could provide the real information for the decision on how to design the GUI of the user system.
I do not know at all if it would be possible to force a browser to display a "fixed" webpage where the elements shrink but the display keeps displaying the widgets like they are presented on a laptop screen and do not change into a "bar like" presentation. That would be the preferred display option for me also on smaller displays.
My guess is that the browser is not fully capable of using HTML5 and other peculiarities of the web frameworks hence the rendering is not working correctly. If this is the case, would be really challenging doing something since adapting to the screen is something I do not have control on but is the web framework taking care of it. Let me know if this is the case. Thanks
I see what you mean. In the mean time I took a look at other comparable software. All do the same. So, one has to be aware what the target display will be for the system and design the GUI for that display.