开云体育

Lock Control Panel Position on Tablet


 

Team,
I've got a bunch of Control Panels that I view on Tablets all working fine and there is a slight annoyance that occurs when I inadvertently swipe the tablet screen and the whole panel moves about 1/4"-1/2" vertically and it also can also move horizontally about the same amount. See attached photos. Is there a way to lock the panel so that this doesn't happen or what can I do to prevent this?
--

Many thanks in advance!

Vinny DeRobertis ~ Apex, NC
New York & Hudson Valley RR

Windows 7 Pro / Java 11 / JMRI v5.10
Command Station: Digikeijs DR5000.
Booster: Digikeijs DR5033
(4) Samsung A7 10.4" Tablets
Fully Kiosk/Engine Driver v2.37.187
DCC/DMX Gateway: Pricom LLS.
LocoNet Input Modules: Digikeijs DR4088LN
DCC Output Modules:
Digikeijs DR4018 / Yamorc YD8116.
Sensors: Model Train Technology: DETECTOR-HO.
Turnout Motors: MTB MP1


 

...note that I using the Fully Kiosk broswer on samsung android tablets.


 

...and this can happen on all of my panels.


 

Vinny: Might it be caused by the settings on your tablet? Does it have options that select different responses for swiping? It looks like the zoom setting is being changed or perhaps you are switching between two window formats when you swipe?
?
Jan


 

Vinny, it appears that the web page is larger than the tablet viewport, so scrolling is the expected behavior. Try it with a smaller panel and see if that solves the issue.
If it does, you may be able to simply remove some of the web page details (like the footer) and eliminate the scrolling without having to modify your panel.
--SteveT


 

I tried a smaller panel and that resolved it.
How do I remove the footer so that I don't have to modify my panels?


 

Vinny,
You can remove the footer using css.
1) Find the file JMRI/web/css in your JMRI installation.
2) Follow the directions in that file to copy it into your User Files location.
3) Paste the following CSS at the bottom of that file.
?
/* hide the footer, on panel pages only */
body#panel footer { ?
? display: none;
}
/* undo spacing left for footer, on panel pages only */
body#panel div#wrap { ?
? margin-bottom: 0;
? padding-bottom: 0;
}
?
4) Restart JMRI and clear your browser cache.
--SteveT
?


 

Steve, attachment1 shows my user files location and the location of my new user.css file. Attachment2 shows the contents of the new user.css file.
The footer "powered by jmri" still shows on my panels after clearing the tablet cache. I am using the fully kiosk browser. My indentation is 2 spaces. I am missing something.


 

I just noticed I have */ instead of /* at the beginning of the 2 comments. Let me go change that.


 

Ok, now the "powered by jmri" footer is gone but I think my panels are just a little too big for the tablet viewport because I am still able to move the whole panel about 1/4" down and 1/4" to the right on the tablet.


 

Attached showing what happens when I swipe up and left. I want the panel to be locked so that accidental swiping does not move the panel on the tablet's viewport.


 

Make your panels 1/4" smaller in each axis.


On Sat, Mar 29, 2025, 12:22?AM Vinny DeRobertis via <vinny.derobertis=[email protected]> wrote:

Attached showing what happens when I swipe up and left. I want the panel to be locked so that accidental swiping does not move the panel on the tablet's viewport.