Comments (21)
If I select a 4wide layout
What is the behavior of monitors on other layouts (2wide, 6wide)?
from zoneminder.
Perfect behaviour because there either is or isn't scrolling. I think there is a 1 pixel height difference on some of the streams because they don't always layout perfectly.
from zoneminder.
When I inspect them though they appear to all have the correct height.
from zoneminder.
because they don't always layout perfectly.
Yes, I also discovered this problem. This is probably due to the <video>
tag
then the scroll bar appears
Is the scroll bar on the entire page or on some camera?
Does the scrollbar appear when Ratio=Real?
from zoneminder.
scroll bar is on the #content div. When ratio = real the layout is all over the place due to the presence of 1280x800 and 640x480 monitors so the scroll bar is on and stays on.
from zoneminder.
Further if I switch to auto I get a 6out layout (which actually isn't optimal, the 4out is better). If I then switch back to 4wide I get a properly layed out 4wide. If I reload I get the broken layout.
from zoneminder.
because they don't always layout perfectly.
It seems that I have found the reason, I will think about how best to solve it. But this most likely has nothing to do with the appearance of the scrollbar.
scroll bar is on the #content div.
Understood,
Based on the location of the monitors, should the scroll bar be displayed or do they all fit on the screen?
As far as I understand, the height of the monitors almost fits into the visible area of the browser. If you expand the browser in height or, on the contrary, shrink it, what happens to the scroll bar?
from zoneminder.
because they don't always layout perfectly.
Try using PR #4029
It should be better.
And maybe this will affect the scrollbar, although I'm not sure.
If the monitor layout improves, I will work on improving the code.
from zoneminder.
Please check: #4030 as a solution to the problem:
because they don't always layout perfectly.
from zoneminder.
#4029 doesn't fix the jiggling either. I had changed the ratio to Auto from 16:9 and so the video was a little larger and hence the scrollbar was staying on.
from zoneminder.
The issue is that the showing of the scroll bar shrinks the width of the video frames, which shrinks the height, which makes us not need the scroll bar.
I wonder if there is a way to tell if the scrollbar is visible and if so add a fix pixels to the content div so it stays. This might be difficult to solve
from zoneminder.
#4029 doesn't fix the jiggling either.
Those.:
- 4029 & 4030 fixes the layout problem
- 4029 & 4030 not fixes the jiggling
Right ?
from zoneminder.
Correct.
from zoneminder.
and if so add a fix pixels to the content div so it stays.
This job should be done by GridStack.
Indeed, when there are 1-5 pixels left from the bottom edge of the lower monitor to the bottom edge of the browser window, then there is a problem with the scroll bar. As a temporary solution, change the browser height a little.
At first glance, this is a difficult task to solve.
from zoneminder.
I had an idea, but I didn’t implement it quickly...
from zoneminder.
No, my idea is rubbish, because:
- I can’t understand whether a scroll bar is needed? You can, of course, calculate how much % the block height of each monitor has changed, but this turns out to be a confusing algorithm.
- The scroll bar does not change instantly after changing the block size of each monitor, but with a delay and it is not possible to understand which monitor influenced the appearance/disappearance of the scroll bar.
I'm in stupor.
from zoneminder.
Try #4031
from zoneminder.
No luck still does it.
from zoneminder.
Must work!
Maybe cached?
from zoneminder.
Yes, there is a problem.
I continue to work.
from zoneminder.
I made a change to #4031
Try again.
from zoneminder.
Related Issues (20)
- js error in watch HOT 1
- Replace the top menu with a side menu HOT 4
- Merge Montage & Montage Review page
- Error when trying to install on archlinux HOT 4
- "Path must be set to a valid value" returned when setting an ONVIF camera HOT 2
- "Monitors" Table Missing "WallClockTimestamps" Column HOT 2
- FreeBSD image missing in CI HOT 2
- ZM stops listening to ONVIF events if a camera becomes unavailable and then reappears on the network. HOT 2
- Segmentation fault: 'zmc -m 1' exited abnormally, exit status 255 HOT 3
- When executing the CMD_PAUSE, CMD_SEEK, CMD_QUERY commands getCmdResponse stream error occurs: socket_sendto( /run/zm/zms-204049s.sock ) failed: Connection refused HOT 3
- Support for sending multiple "connkey" is required when executing commands such as CMD_QUERY, etc. in "zm_eventstream"
- Signature by key ABE4C7F993453843F0AEB8154D0BF748776FFB04 uses weak algorithm (rsa1024) HOT 3
- Unable to encode MPEG stream due to `EAGAIN` returned by `avcodec_receive_packet` HOT 2
- All new events are corrupt starting with commit 742f36c HOT 4
- Cameras showing offline when they are still recording HOT 3
- Error message in logs when trying to generate video file from cam that only captures JPEGs. HOT 4
- ppa source no longer available ? (fresh install) HOT 2
- Building 1.36.34 still fails with FFmpeg 7.0 HOT 2
- MariaDB Support? HOT 3
- Filter errors HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from zoneminder.