Questions tagged [overlay]
Overlays are user interface elements that are displayed over other UI elements, typically for the purpose of presenting additional or enhanced information and detail.
4,708
questions
0
votes
0
answers
8
views
Thumbnail image swap with overlay
I have this thumbnail image slider on mousemove.
Example here: https://jsfiddle.net/t2qw9b10/
Now I introduced an hover overlay to show info text. But with said overlay the image slider doesn't work ...
0
votes
0
answers
8
views
reactjs : overlay onHide doesn't work even if the rootClose added
Below is my code.However,when I click the place outside of the overlay,the overlay doesn't disappear.But I do add the rootClose and onHide as you can see in the code.I would be grateful if anyone ...
0
votes
1
answer
31
views
Why my DIV is not showing up in mobile browser but shows on desktop browsers?
Very generic issue I am sure, and apologies for the title, but not sure how else to word this.
Background: VisualStudio 2022 preview, .Net 4.8, ASP.Net (not Core)
index.aspx
<asp:Content ID="...
-3
votes
0
answers
19
views
ffmpeg mixing two videos side by side [closed]
I am trying to mix two videos (one is rtmp source and another is v4l2) side by side using
vaapi hardware acceleration
overlay filer
zmq filter to change position/scale dynamically later at any time
...
0
votes
0
answers
23
views
hamburger Menu Overlay React Material UI
UPDATE: pinpointed where the overlay starts to cause displacement.
]
If i increase width anymore then somehow it causes unnecessary white space to appear to the right.
I am trying to implement a ...
0
votes
0
answers
22
views
swiftui ios15 keyboard avoidance issue on custom textfield
Repost question from this Adjust View up with Keyboard show in SwiftUI 3.0 iOS15.
SwiftUI keyboard avoidance won't show the whole textfield including the overlay.
I already tried a lot different ways ...
0
votes
1
answer
40
views
How to hook into html with my own html overlay?
I am trying to overlay some HTML code over a website's image using <iframe> and CSS.
The website is a weather-monitoring website (which we've purchase btw), that I want to overlay with my own ...
0
votes
1
answer
20
views
CSS overlay some buttons for a footer but keep the rest visible and clickable
I'm a beginner with CSS and DIVs and am trying to make a button overlay.
At the moment, this footer takes the whole bottom area of the page and covers some of the main area:
This footer area covers ...
0
votes
1
answer
25
views
Overlaying SVG image with color, gradient or another image
Is is possible to apply a color/gradient/pattern overlay to an SVG image the same way as Adobe Photoshop implements “Layer styles”?
If a pixel of the image is transparent, the resulting pixel is ...
-1
votes
0
answers
12
views
How to make overlay gallery link to the image with php? [closed]
How to make overlay gallery link to the first image? this script using php :
0
votes
0
answers
23
views
Modal Content isn't rendering while the Backdrop is - can't figure out the error
I am trying to implement a cart as a Modal on my project. The issue is that the Backdrop is rendering as it should but the Overlay isn't. It has been 30 minutes but I can't figure out the error, ...
-1
votes
0
answers
26
views
Remove Feature and Overlay on Map (openlayers)
i have create a function base on the example base one below
https://openlayers.org/en/latest/examples/measure.html
i able to draw 3 or 4 linestring(feature( with the measure label (overlay), after it ...
-1
votes
0
answers
28
views
Overlay callout to empty space on map
Is it possible to make a callout on the overlay / box to place on map it outside the coordinates, so that we use an empty space to place the overlay. This is because if we have several overlay ...
-1
votes
1
answer
36
views
FFMPEG: How to overlay a large size png on jpg [closed]
I'm trying to use ffmpeg to achieve the following:
x.jpg = a file that is 540x540 in size.
Gradient.png = a 540x960 image that has a gradient of semi transparency (which starts with dark blue with no ...
0
votes
0
answers
8
views
Creating overlay icons for my electron application's custom filetype
We have an electron application that creates files of a particular filetype, let's say .abc
I have associated an icon with this filetype .abc in electron.
I want to add overlay icon images (Windows) ...
-1
votes
1
answer
58
views
Overlay Divs with Images in Bootstrap 5 Responsive Design
I'm designing with basic a Bootstrap 5 starting point using a carousel inside a card body which is responsively working correctly full width in desktop, tablet and PC viewports.
The design however ...
2
votes
0
answers
38
views
What's causing this error when using react-bootstrap's OverlayTrigger and Popover components?
I've copied and modified a react-bootstrap Popover from the examples provided here, but it's not yet working properly. The button renders correctly, but when I click it to display the popover, I get ...
0
votes
1
answer
40
views
python - Wx see through window user input data collection
I am creating a multi touch accuracy checking device that indicates where the user should touch the screen. It overlays a semi transparent image over an exe called using subprocess with wx as shown ...
0
votes
0
answers
27
views
Flutter / When I change the height of the Google Maps, the map area comes out white
Why does the map disappear when I change the height?
I need to change the height of the map.
I need to know the center coordinates of the map, so I need to adjust the height.
Code:
class mapTest2 ...
0
votes
1
answer
70
views
In R/Python/GIS, how to overlay multiple lat/long coordinates in a map and create a variable indicating if coordinates overlayed match or not
I have two dataframes with coordinates.
The first dataframe contains radio transmitters' lat and long as well as their respective radio waves coordinates.
The second contains lat and long of ...
1
vote
0
answers
57
views
Unable to click the below overlay on Android 12
I have an App on the play store. This app basically creates an overlay on top of all the apps with some colors, It works perfectly for anything below Android 12. But, since Android 12 it no longer ...
0
votes
0
answers
6
views
Create Live Browser Overlay for Tabular Data
I'm analysing tabular sales data from the Amazon Advertising platform (ad impressions, clicks, orders, spend, sales, etc.) The standard method is to export the data as a CSV and import that into ...
0
votes
1
answer
27
views
Need to crop canvas and not resize it using jquery
I'm actually working on a project which overlay two image, with one that the user upload it and the second is by default.
My only problem is when the uploaded image is a rectangle and not a square, ...
0
votes
0
answers
5
views
v-expansion-panels overlay problem in vuetify
I have a problem of overlay with my navbar and v-expansion-panels. Is there a property or something to hide overlay in v-expansion-panels ?
screenshot of the problem
0
votes
1
answer
32
views
List lags on scroll with overlay
I have a list with simply overlay(I want to make header with blur background, so that's why I use it like overlay), and when I start scroll, it becomes laggy until first row is disappear under overlay....
0
votes
0
answers
14
views
Overlay one picture which the user post and download the final overlayed
I need to code a website, the concept is very simple, the user is going to upload an image and then i need to overlay this image with another image which is a PNG. Then the user will be able to ...
0
votes
1
answer
39
views
How can I set a background overlay and button on a div when I hover?
I'm trying to show a link that appears when I hover over the image. The goal is to fade the image and bring out the link with its background. I tried to do this but I'm doing something wrong. The ...
0
votes
1
answer
39
views
How is Samsung Alarm app able to display a notification-like overlay on top of any screen the last forever?
Basically what's happening here is an overlay being displayed on any screen (meaning it is not a dialog, nor a notification, nor a ui service)
The closest I can think of is a custom toast message, ...
0
votes
1
answer
30
views
How to overlay 2 Images in QT
I have 2 images that I load in QImage and my question is :
How can I overlay these 2 images in the simplest way, to then save it in a QPixmap ?
Here are the following images :
And the awaited result ...
-1
votes
3
answers
50
views
How can I add a transparent image overlay on top of a video?
I currently have a series of video thumbnails that play/pause when onmouseover or onmouseout occurs. I would like to add a logo with a transparent background (a .png file) that sits on top of the ...
0
votes
0
answers
33
views
Android how to render 3D-Model over camera preview?
Hello fellow programmers,
for a project I am working on I need to render a 3D-object over a camera preview and need to be able to rotate this object programmatically. I've never worked with the ...
-2
votes
1
answer
38
views
put an png Image on a jpg image
I have a png image and a background image in jpg format. I want to overlay the png image over the jpg image. The PNG image should completely overlap the Jpg image
When I use this code I get the error ...
0
votes
1
answer
117
views
swiftui mapkit polygon overlay
I'm trying to show a polygon overlay on the map but I don't find what I'm doing wrong
my MapView file is:
import SwiftUI
import MapKit
struct MapView: UIViewRepresentable {
@...
0
votes
0
answers
66
views
React Bootstrap- Overlay Tooltip rendering in wrong position initially
I am writing a react bootstrap app where a button appears at the end of an animation. When the button first appears, I want a tooltip to appear next to it. Once the user hovers over and off the button,...
0
votes
0
answers
12
views
How to add a gradient over an image (not in background)? [duplicate]
I want to add opacity in the bottom of my images in a Carousel Bootstrap for a better reading of captions.
I managed to add the linear-gradient on a background-image, but not in the carousel... So, I ...
0
votes
1
answer
26
views
Finding and trying to understand the technology used behind the scene
Sorry if the question is a bit out of place but don't know any better since i'm a complete beginner.
What i'm trying to say is let's take for example this site
https://exp-ion.lusion.co/
I am trying ...
2
votes
2
answers
70
views
Bootstrap 5 - colored border on icons
Is it possible to add a white border around the new BS5 icons? Working on a movie-page and have an icon overlay of a dice. On dark backgrounds the dice isn't even visible.
What I've tried so far:
...
-2
votes
1
answer
52
views
Clickable Screen overlay in C#
I am looking for some technologies or ways to create an application which should work like an active (clickable) overlay.
Let's say that we have running application which is always on top. My idea is ...
1
vote
1
answer
51
views
How do I write an ionic alert component once for the entire application?
This is an design-approach question. I don't (yet) have broken code. ;-)
I have a firestore connected ionic/angular app with multiple modules. Users frequently move from page-to-page/module to ...
2
votes
0
answers
60
views
Unable to position AndroidView with video
I am using flutter 3.0.0
In my application I am displaying a native video using platform view.
The video is displaying but it is always displaying on upper left corner and it covers other
widgets even ...
0
votes
1
answer
69
views
Get Current Context for Overlay Flutter
I want to display notifications that are being processed by a provider on an open gRPC stream. This is handled by notificationProvider.dart:
if (notification.type == 0) {
showOverlayNotification(...
0
votes
0
answers
34
views
How to capture image inside the overlay in Camera in flutter?
I need to capture only the image which is inside the overlay box as shown in Flutter. How can i put rectangle on the camera overlay and capture the image from there ?
Camera overlay
0
votes
2
answers
62
views
How to add overlay to sidenav menu?
I have a sidenav menu with some Js, I would like to add the overlay but I don't know how to do it, sorry but I'm a beginner. I tried several ways without success, even with a div that closes all ...
0
votes
0
answers
13
views
How to react clicks on an overlay flexbox(Material UI Grid) element
I have an overlay element, the overlay element is a flexbox container, there is only one item which is centered, so there is space around it.
If someone clicks on the extra space around this element, ...
0
votes
1
answer
29
views
The raster overlay function in R produces incorrect values for raster bricks
I'm trying to quantile match two RasterBricks. I am finding the percentile of value<=250 in old_data, which we'll call p. Then I'm finding the value at the p^th quantile of each cell in new_data. ...
1
vote
1
answer
45
views
How do i overlay frame number on video in python
How do i watermarking a video with the current frame number?
My command is
[ ffmpeg -i input -vf "drawtext=fontfile=Arial.ttf: text='%{frame_num}': start_number=1: x=(w-tw)/2: y=h-(2*lh): ...
0
votes
1
answer
29
views
Angular - set overlay margin depending on its position strategy
I'm working on a custom overlay component and I need to set a margin on it. It should be 0.5rem depending on the position of the overlay (e.g. originY === 'bottom' => margin-top: 0.5rem, and so on)....
0
votes
1
answer
38
views
Is there a way to dim the background while opening the overlay in Flutter?
On click of a button, I am opening an overlay over it. Is there a way to blur or dim the page over which overlay is opened?
Thank you for your time!
0
votes
0
answers
10
views
Is it possible to add a new root-level node in a devicetree overlay?
I'm bringing-up a Xilinx ZedBoard using the Analog Devices Kuiper image. I want to start with a base device-tree without any fpga-axi peripherals and add one (and associated peripherals) only as-...
0
votes
0
answers
261
views
Docker installation issue : Failed to mount overlay: no such device storage-driver=overlay2
I am trying to install docker on Ubuntu 20.04.3 LTS. I installing from *.deb packages. While installing docker, it runs into the following error.
Failed to mount overlay: no such device storage-driver=...