Menu
  • HOME
  • TAGS

2D overlay on top of 3D plane with texture

three.js,2d,overlay

To prevent z-fighting ( coplanar [on the same plane] objects getting mixed up ) you can either set one of the objects as transparent with opacity 1.0 ( hacky but easy approach ) or you can set the .polygonOffset, polygonOffsetFactorand polygonOffsetUnits on the material ( setting both to 1.0 should...

Reveal portions of an image behind another image

c#,overlay,picturebox,bmp

Here is an example: public Form1() { InitializeComponent(); pictureBox1.Image = Bitmap.FromFile(your1stImage); bmp = (Bitmap)Bitmap.FromFile(your2ndImage); pb2.Parent = pictureBox1; pb2.Size = new Size(10,10); /* this is for fun only: It restricts the overlay to a circle: GraphicsPath gp = new GraphicsPath(); gp.AddEllipse(pb2.ClientRectangle); pb2.Region = new Region(gp); */ } Bitmap bmp; PictureBox pb2...

How do I create a pattern overlay in CSS

html,css,design-patterns,header,overlay

Here you have your fiddle updated: FIDDLE I've fixed a few things in the html like tags not closed (your headers) and now the "container" contains the banner propely. So now you just have to add a background image with the pattern you want and (as you did) play with...

Hover class removed onload when cursor over item in jQuery

jquery,overlay,jquery-hover

In the end, I needed to use the plugin hoverIntent as it seems a slight delay is needed before running the 'hoverswap' function for it to work the way it's intended. The code I am using is: $('.product-listing li').hoverIntent({ over: hoverSwap, out: hoverSwap, interval: 10 }); I tried doing the...

Overlapping text over background image

html,css3,twitter-bootstrap-3,overlay

Bootstrap sets the css of body as follows within the first few lines of code body { background-color: #fff; } . My recommendation for this is to go into your bootstrap.css file and remove that css. If you are using a cdn, you can add the following after you have...

How to create an overlay that blocks touch events to UI below it?

android,android-layout,overlay,framelayout

Following code will add overlay on top of everything : View v1 = new View(this); WindowManager.LayoutParams params = new WindowManager.LayoutParams( 1000, 50, WindowManager.LayoutParams.TYPE_SYSTEM_ALERT, WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN, PixelFormat.OPAQUE); params.gravity = Gravity.BOTTOM; WindowManager wm = (WindowManager) this.getSystemService(Context.WINDOW_SERVICE); wm.addView(v1, params); to block the touch event either you have to change the flag or...

What tools allow me to create semi-transparent overlays on top of other windows?

overlay

I found that wxPython supports borderless, transparent windows so it will fit my needs for creating proof-of-concept.

Swift Loading Overlay

swift,overlay,loading

Just create yourself an overlay view, which you add to your parent view and remove it once your task is done, e.g. to add it: var overlay : UIView? // This should be a class variable [ ... ] overlay = UIView(frame: view.frame) overlay!.backgroundColor = UIColor.blackColor() overlay!.alpha = 0.8 view.addSubview(overlay!)...

Add an overlay image over the top of a responsive image

css,image,css3,overlay

Try using display:none and display:block instead of display:hidden. There was also an issue with your z-index stacking. HTML <div class="frame-container"> <div class="overlay"></div> <img src="http://placehold.it/400x600&text=Image" id="image" alt="test" /> </div> <button id="addOverlay">Add Overlay</button> CSS .frame-container{ padding: 15%; background-color: #333333; position:relative; -webkit-box-shadow: 4px 6px 5px -1px rgba(120,120,120,0.75); -moz-box-shadow: 4px 6px 5px -1px...

jQuery Overlay Image on HTML5 Video

jquery,css,html5,html5-video,overlay

Check out this fiddle. I have used a sample video and a sample circular image for testing purpose. Initially the image is hidden. When you click on the video, the image appears at the position where the click is done and the video pauses. I hope this helps. Here is...

html/css full background overlay div inside another div

css,image,background,overlay

#section { background: red; display: block; position: relative; overflow: hidden; } #container { position: relative; width: 100%; text-align: center; z-index: 9999; } #overlay { position: absolute; left: 0; width: 100%; height: 100%; top: 0; background-color: rgba(0,0,0,0.3); } ...

Overlapping a UL tag on a DIV

javascript,jquery,html,css,overlay

Use position:absolute with top #demo_ul{ position:absolute !important; top:0; margin: 0px; } DEMO The !important is needed to override the position:relative of the popmenu.js plugin....

Plot coordinates to a map in R and connect them by lines (= graph on a map)

r,graph,maps,overlay

You can use functions like points and lines. library(maps) map("world", regions="Germany") set.seed(10) dfPoints <- data.frame( long = 10 + runif(10, -2, 2), lat = 50 + runif(10, -2, 2) ) points(x = dfPoints$long, y = dfPoints$lat, col = "red") lines(x = dfPoints$long, y = dfPoints$lat, col = "blue") You can...

Overlaying jittered points on boxplot conditioned by a factor using ggplot2

r,ggplot2,overlay,boxplot,jitter

Welcome to SO! Here's my attempt. It's a bit clumsy, but does the job. The trick is to map x to a dummy variable with manually constructed offset. I'm adding a fill scale to highlight point positioning. mtcars$cylpt <- as.numeric(factor(mtcars$cyl)) + ifelse(mtcars$am == 0, -0.2, 0.2) ggplot(mtcars, aes(factor(cyl), mpg)) +...

Black CSS image overlay is white

html,css,background,overlay

Your image has a white tint to it because it's inheriting an opacity of 60% from its parent div, #overlay, as is everything else on that page. You'll need to take everything out of that div before you can get the effect that it sounds like you want: HTML: <div...

Form overlay showing behind form on move and resize

c#,winforms,overlay,bringtofront

No matter how many times you call BringToFront() it will not move your form on top of the active one. BringToFront() does not make a control a top-level control, and it does not raise the Paint event. There are too ways to go about fixing it. The best way IMO...

iOS8 webkit-overflow-scrolling:touch with overlay

ios8,webkit,scroll,overlay,gesture

Well after trying many different options I came up with a work around that is good enough for now. I added a div inside the overlay that is vertically 1% bigger. That now warranties that the event is handled by the overlay and not passed on to the container at...

Java - How can I put canvases on top of each other using the OverlayLayout LayoutManager?

java,swing,awt,overlay

How can I get the second one to show up on top of the other one? Their backgrounds should be transparent (I did not address this yet). You have answered your own question. You need to make the top component transparent. Don't use a Canvas for custom painting. Instead...

Create 3 separate images with hover overlay with links in them

css,image,hover,overlay

First off: Use classes for stuff that is the same across all elements. If you need to have some different styles and some that are the same, either use 2 classes <div class="imgBox imgBox1"> or classes and ids <div class="imgBox" id="img1"> I'm not sure how the code you described doesn't...

Avoid custom overlay click event when map is panning (google maps API)

javascript,google-maps,onclick,overlay,panning

Check out this updated fiddle here: http://jsfiddle.net/9gvsq3od/5/ Basically I added this code: var dragging = false; google.maps.event.addDomListener(this.path_, 'mousedown', function (evt) { dragging = false; }); google.maps.event.addDomListener(this.path_, 'mousemove', function (evt) { dragging = true; }); // onclick listener google.maps.event.addDomListener(this.path_, 'click', function (evt) { if (dragging) { return false;} alert('clicked on path');...

How to fix nodes when plotting a subset over a complete network using igraph R

r,networking,overlay,visualization,igraph

The reason is that igraph plotting functions rescale the layout to [-1,1] x [-1,1] by default. You can use the rescale=FALSE argument to plot() and then no rescaling is performed. Note that in this case you'll need to set the limits of the plot by hand, by setting xlim and...

iOS8 Swift TableView LoadingOverlay Grand Central Dispatch

ios,swift,overlay,grand-central-dispatch

The solution is to add a closure to your parse function i.e.: func parse(_completion:(finished: Bool) -> Void) { // do your logic after finishing call your closure _completion(finished: true); } And if you want to call your parse function you have to do something like this: parse { (finished) ->...

having trouble drawing rectangle on camera preview

android,overlay

In RelativeLayout child views are drawn in order, you need to add the preview below your view: preview.addView(mPreview,0); your rectangle is size of 0 - new Rect(left,top,right,bottom) Rect drawRect = new Rect(0,0,300,300); ...

Centering Text over Image using Foundation

image,text,overlay,center

The CSS-Tricks site has a fantastic guide on how to center with CSS that should be able to help you in the future. I've created a Fiddle with a possible solution to your problem; I've pasted the CSS below. .image { position: relative; } img.big_image { position: absolute; width: 100%;...

Python matplotlib image + points plot

python,image,matplotlib,plot,overlay

For the limits you can use: ax.set_xlim([xmin, xmax]) ax.set_ylim([ymin, ymax]) And for the resolution you can use the dpi keyword: fig.savefig(fname, dpi=400) You can adjust the dpi to get the desired resolution....

Simple switch between lang php with cookies

php,cookies,switch-statement,overlay

First, you have to save the users selection I would do this with a page between the destination and your current page. For example the link to your one other domain would be http://example.com/changelang.php?target=domain1 there you save the cookie with the desired language if(isset($_GET['target']) AND $_GET['target'] == 'domain1') { setcookie($cookie_name,...

Create an image-overlay mask in javafx

image,javafx,imageview,overlay,mask

What you are Doing Wrong The difference operator isn't a binary difference based on whether a pixel is set instead it is a difference in the RGB components, so instead of a solid red overlay, you will get a multi-colored overlay because the difference in the RGB components of the...

how to overlay image on image on preview images [closed]

javascript,jquery,css,css3,overlay

You can overlay images like this: #img1 { background: url(http://i.stack.imgur.com/fQfkx.jpg) repeat; overflow: hidden; } <div id="img1"><img src="http://placekitten.com/g/200/300"></div> ...

Overlaying a Image with CSS

html,css,background,overlay,z-index

The best way to make an overlay is use a pseudo-element using the class you already have outofstock. Check this snippet as an example: li { position: relative; display: inline-block; white-space: nowrap; text-align:center; margin:10px; } .outofstock:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0;...

How to set Opacity of overlay? Android LayerDrawable

android,overlay,drawable,porter-duff,layerdrawable

You can see this. LayerDrawable has a method for setting alpha. does this help you?...

How to add buttons on an overlay layout with an image

java,image,swing,overlay

over.add(imagen1); over.add(panel); Swing paints components in the reverse order they are added. So the above code will paint the panel and then the image on top of the panel so you will only see the image. The code should be reversed: over.add(panel); over.add(imagen1); Now the panel will be painted on...

How to delete overlay in an Android modified Holo button?

android,button,styles,overlay,android-theme

Solved, I was applying the Material Light theme, so I changed it to my style and when I run the app no overlay is showed. Thanks.

Real-time screensharing to Java app (localhost)

java,swing,overlay,screensharing

I once developed SimRat (A simple screen sharing app like Teamviewer) using Robot & Corba. You might be able to get a basic idea looking at the code. This is not the best possible way to implement screen sharing. Java RMI would be helpfull for you.

is it possible to trigger c++ code, intiated by html events in minko?

html,c++,overlay,minko

Yes. HTML DOM events are wrapped and made available as C++ signals. So you can do something like: dom->getElementById("my-element-id")->onclick()->connect( [](dom::AbstractDOMMouseEvent::Ptr event) { // do something... } ); It's actually done in the same example: https://github.com/aerys/minko/blob/master/example/html-overlay/src/Main.cpp#L110 You can also send and receive "messages" both ways using the AbstractDOM::sendMessage() method in C++...

Qt widgets mixed with QML on top

qt,widget,overlay,qml

In the end, I went with using a QWindow, take its window handle for integrating the 3D visualization and then overlaying it with QQuickView components (with the QWindow as parent). The only drawback of that solution is that it does not allow for transparency.

Is it possible to remove a portion of a CSS hover overlay when hovering over a child element?

javascript,jquery,html,css,overlay

CBroe's comment is what did the trick. On hover of the link elements, set the background to be the original image, positioned adequately to show the original location behind the link area (accounting for border sizes). Here's a JSFiddle with the result (apparently posting Codepen is a nono). .map_image {...

Colour overlay on hover

css3,hover,overlay,css-transforms

Your <a> tag doesn't contain any of the elements you want to change, so the hover will not affect them (both the <img> and the text in <h2> exist in the parent <article> tag - you might want to put the :hover on the article tag, and change the...

Overlay an image on video in Android [closed]

android,video,overlay,ticker

Yes, it's possible. This is the way to do it: https://github.com/entertailion/Overlay-for-GTV Overlay Effects for Google TV Live TV effects for Google TV. Configure various effects to be displayed periodically when watching live TV on your Google TV device. You can choose to see the effects every half hour or at...

position overlaying div within another div

css,overlay

Like this? https://jsfiddle.net/yjdrnk9o/3/ I added a class to your html to distinguish the last .person from the others and then said that the .more child of the .person.right element should be aligned to the right. #main { position: relative; border: 1px solid; width: 150px; height: 100px; } .person { float:left;...

CSS overlay effect doesnt close

jquery,html,css,scroll,overlay

Need to bring your close button to the top with z-index: .overlay-close { ... z-index: 9999; } Demo Notice that I simplified your jQuery function, too. ...

Coach Marks Overlay with Chromecast

android,overlay,chromecast,google-cast

Take a look at the Showcase View library. It creates the type of overlay you described and looks like it handles locating the items you'd like to showcase automatically. As for when the cast button appears, it should be shown when onCastDeviceDetected is called. You can hook into that to...

Darken image overlay and add text over it in CSS

html,css,css3,overlay,transparency

To center the text horizontaly and verticaly, you will need to wrap it in a container with text-align:center;. Then you can use a pseudo element to center it verticaly. For the overlay, you can give the text container a rgba() background color that can have transparency : DEMO body {...

Android Create “Ghost” Image (Touch-through)

android,image,overlay

I found that WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY solves the issue.

How can i display a overlay popup window when page is loading

html5,popup,window,overlay

Using jQuery you can do: $(document).ready(function(){ setTimeout function(){ PopUp(); },5000); //5 seconds }); Then for PopUp function you can use this plugin: http://www.jacklmoore.com/colorbox/ Hope this help....

Overlaying Action Bar - Android Studio Tutorial

android,android-actionbar,overlay

You can get the ActionBar height as an int: int actionBarHeight = 0; TypedValue tv = new TypedValue(); if (getTheme().resolveAttribute(android.R.attr.actionBarSize, tv, true)) { actionBarHeight = TypedValue.complexToDimensionPixelSize(tv.data, getResources().getDisplayMetrics()); } And you can use that value to setPadding() or setMargins(). Or you can add the top margin/padding to your second activity layout...

Generate overlay map image from geo data

google-maps,png,overlay,cluster-computing

Those are heatmaps. Google Maps already has this capbility, so you should check out their sample and the documentation. It can be as basic as loading in your data points and applying them as a layer or you can do much more customization.

Unable to Set Overlay Image for CListCtrl

c++,winapi,mfc,overlay,imagelist

Jonathan Potter was correct that I needed to include the ILC_MASK flag in order for SetOverlayImage() to returns a value that indicates success. However, of all the documentation I could find online, nothing provided a complete description of how to do this. I didn't find a single source, for example,...

word-wrap — using `'cursor t` when overlay 'after-string at end of visual line

emacs,elisp,overlay

When adding an overlay with an 'after-string property to a space character (i.e., the number 32 character code) at the last point of a visually wrapped line, the cursor will skip over the overlay entirely. The cursor t property will be disregarded. The solution/workaround is to use a 'display property...

How can I close an overlay after 4 seconds?

jquery,overlay

You can do: setTimeout ( function(){ //your code for closing overlay }, 4000 ); ...

Accessibility app for android that runs on top of all other applications and can intervene and send touch/tap events to views of other apps

android,overlay,accessibility

You don't want an Activity. You want to develop and AccessibilityService. http://developer.android.com/training/accessibility/service.html Accessibility services receive callbacks from the accessibility apis, and are allowed to interact, draw views on top of, and send events to the applications that are running on the device. Once you register yourself as an accessibility service,...

How to add overlay on the Camera using ZBAR in Android

java,android,overlay,zbar

You can do that with the help of SurfaceView For More Info U Can Check This Click

Overlay classes not reverting after being set to visible with OnClick in links

javascript,html,onclick,overlay

function change_Login_Overlay_Class () { if($("#login-overlay").hasClass("overlay-visible")){ $("#login-overlay").removeClass("overlay-visible").addClass("overlay-hidden"); } else{ $("#login-overlay").removeClass("overlay-hidden").addClass("overlay-visible"); } } You wrote your classes wrong!...

ImageJ overlay get removed when rotating

rotation,overlay,imagej

The observed behavior is due to different code performing the different rotations: Image > Transform > Rotate 90 Degrees Left → ij.plugin.filter.Transformer("left") Image > Transform > Rotate 90 Degrees Right → ij.plugin.filter.Transformer("right") whereas Image > Transform > Rotate... → ij.plugin.filter.Rotator (You can get this information in ImageJ by pressing [L]...

IE how to prevent text selection under overlay

css,internet-explorer,overlay,selection,z-index

Give body css style as overflow:auto; See I have updated your fiddle https://jsfiddle.net/jtjojgzh/...

Bootstrap: overlay loading screen + toggle jumbotron

javascript,html,css,overlay,loading

If it's just a splash page then add a div at the top of your body and wrap your existing page in a div with display:none... <body> <div id="loader"> <h4>Logo and progress bar here...</h4> </div> <div id="your-page" style="display:none"> <!--Your existing content here...--> </div> Then add a little jquery... jQuery(document).ready(function(){ $(...

set overlay Icon to running explorer without restart

visual-c++,overlay,explorer,shell-extensions

To set overlay Icon needs to implement a IShellIconOverlayIdentifier interface write registry entries in registry for COM dll registration and one more registry requires for overlay icon identifier registration see below: Key:"HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Explorer\ShellIconOverlayIdentifiers\TestShellIconOverlayIdentifiers" with default value [CLSID_of_registered_DLL] After this some functions need to call while registration to insert overlay Icons in...

Meteor iron-router set route for overlay

javascript,css3,meteor,overlay,iron-router

It doesn't have route, by the way. As you can see nothing between domain name and query parameter. and It just triggering of UI element on some click. Something like following from CodeDrops might help for your usecase - Demo here: http://tympanus.net/Development/FullscreenOverlayStyles/index5.html Code for same and article here: http://tympanus.net/codrops/2014/02/06/fullscreen-overlay-effects/...

jQuery mobile - generating html dynamically not working with iframe

jquery,html,jquery-mobile,iframe,overlay

For jQM you should append to a page div and not the body. A page looks like this: <div data-role="page" id="page1"> <div data-role="header"> <h1>My page</h1> </div> <div role="main" class="ui-content" id="mainCont"> </div> </div> Next instead of document.ready, use the jQM page events like pagecreate, And after adding the popup to the...

Knitr & Beamer with Overlays in Figure

r,latex,overlay,knitr,beamer

Until some better idea comes along... ggplot3perhaps? I have been reasonably succesful in adapting my ggplot2 plots to rCharts nPlot based on the nvd3/d3 library. Here: ```{r 'Figure_5_3_rCharts', message = FALSE, warning = FALSE, error = FALSE, echo = FALSE, tidy = FALSE, cache = FALSE} require(rCharts) load("../../data/df_5_3.Rda") # round...

Javascript detect elements in front of elements

javascript,overlay,userscripts

It turns out there's two ways to do this, and by this I mean two ways to find out if any given element is the top most element regardless of opacity. Adapted from this blog post post and using their code (with some modifications) it's possible to see the top...

Openldap : overlay accesslog not found

overlay,openldap,access-log

I found the issue on my own. I have not compiled the openldap with --enable overlay. To solve this issue i have downloaded the openldap src ./configure --enable-overlays (./configure [options] [variable=value ...]) Now modify the slapd.conf to load accesslog.la and execute slaptest -f /etc/openldap/slapd.conf. Now you wont find any error....

How to accomplish 3 horizontal line menu in fxml

menu,javafx,overlay,fxml

Here an example to give you a hint, further improvements and modifications are up to you: @Override public void start( final Stage primaryStage ) { Line l1 = new Line( 0.5, 0, 15.5, 0 ); l1.setStrokeWidth( 2 ); Line l2 = new Line( 0.5, 5, 15.5, 5 ); l2.setStrokeWidth( 2...

Ogre: Apply compositor for overlay

overlay,render,ogre

I've found a solution. Use these steps: Detect compositor's viewport. Call setOverlaysEnabled(true) Hide all overlays when compositor is working. Otherwise, they will overlap compositor's result. Restore all overlays before compositor rendering. Use render target listener's for 3 and 4. ...

Overlay two images in a responsive environment

html,css,image,overlay

The .category-item should have position: relative; for this to work. I've made a DEMO for you....

How to make div to overlay browser viewport without fixed position?

javascript,html,css,overlay

If, during the pop up, the background stays static, ergo no elements are appended or changed. You can use this: //store window scroll values var storeScroll = [document.body.scrollLeft, document.body.scrollTop]; //x, y document.body.style.overflow = "hidden"; window.scrollTo(0, 0); //when the pop is closed revert back to scroll position window.scrollTo(storeScroll[0], storeScroll[1]); document.body.style.overflow =...

Overlay to dynamically show a list of values in ATG

jquery,ajax,overlay,atg

This is less of an ATG-specific question and more of a general client-side/server-side code interaction question. A standard form submit or a link will result in the whole page being replaced with the contents of the target URL - even if it is the same page. If you are displaying...

image overlay with ffmpeg runs the script indefinitely

ffmpeg,overlay

Option 1 Your image input is looping indefinitely. Add shortest=1 to your overlay to force the output to terminate when the shortest input terminates: overlay=0:900:enable='between(t,0,15)':shortest=1 Option 2 Remove -loop 1....

How to clear shapes after the map is redrawn in Google maps?

javascript,json,google-maps-api-3,overlay,shape

The original implementation uses 2 different maps, the issue in your implementation is located in the restore-function: goo.event.addDomListener(byId('restore'), 'click', function(){ if(this.shapes){ for(var i=0;i<this.shapes.length;++i){ this.shapes[i].setMap(null); } } this.shapes=IO.OUT(JSON.parse(byId('data').value),map_in); }); this here refers to the clicked button, so this.shapes will not affect the shapes-array declared in initialize, but you must modify this...

Overlay a stacked div above another div while sliding up

css,overlay,z-index,slide

Problem is not with the positioning. You are using slide function of jquery. It does not actually pushes your div upwords. It diminishes it from bottom to top. So your green div is not actually moving below your red div. It is vanishing from bottom to top. Here is what...

Cross Viewport oclussion culling

xna,overlay,viewport,xna-4.0,occlusion-culling

This issue, at least in my case, Seems to have been resolved by simply clearing the depth buffer between drawing the 2 Viewports. I did this by adding the following line between the function calls that draws the individual Viewports GraphicsDevice.Clear(ClearOptions.DepthBuffer, Color.Black, 1, 0); I ran in to this solution...

Can I have text wrapped automatically when creating a PDF overlay with GhostScript?

pdf,overlay,ghostscript

Thanks to KenS for giving me hope. I went to the newsgroups and based on what I found mainly in http://computer-programming-forum.com/36-postscript/509be34895135813.htm I give a MWE here: DESCRIPTION="This Text is so long that I decided to break it into multiple lines. " XCOORD=88 YCOORD=328 TEXTWIDTH=100 read -d '' WRAPFUNCTION << EOF...

How to Append a Progress Spinner on top of an Overlay - Centered

jquery,css,overlay

What you need to do is use the background property with the following attributes: .css({ 'opacity' : 0.6, 'filter' : 'alpha(opacity=60)', 'position': 'absolute', 'top': 0, 'left': 0, 'background': 'black url(path/to/image) no-repeat center center', 'width': '100%', 'z-index': 5000 }); The arguments to that property are: Background color Path to the image...

Google Maps V2: Does rotating the map change the orientation of TileOverlays?

android,google-maps,overlay,google-maps-android-api-2

The tile will be rotated together with the map. The TileProvider will not get aware of the rotation at all. While drawing the tile is always oriented north up. You may have a look at the answer to this SO question for a very handy tile provider: Google Maps API...

Hide div under some table cells but not another ?

css,css3,overlay

You need to position(position: relative) the tds(1, 5, 9, 13) for the z-index to work. Also, you could use tr td:first-child to avoid using the .top class. td { width: 50px; height: 50px; background: #aaa; } #overlay { top: 100px; left: 30px; background: #0a0; width: 100px; height: 100px; position: absolute;...

Recyclerview overlay toolbar

android,overlay,recyclerview

Add RecyclerView in app_bar.xml file before following line </android.support.design.widget.CoordinatorLayout> and after following line </android.support.design.widget.AppBarLayout> ...

Not sure how to change panel to have display mode of overlay

jquery,html,css,overlay,panel

You need to write: <div data-role="panel" id="myPanel" data-display="overlay"> Once you do that the panel appears to work as an overlay...

Camera Overlay not in the center

ios,cocoa-touch,uiimagepickercontroller,overlay

Well the overlay is y-centered to the screen bounds right? Which is what you are doing here: CGFloat midX = CGRectGetMidX(bounds); CGFloat midY = CGRectGetMidY(bounds); If you want the overlay aligned to the actual image rect you need to offset the bottom black bar (it's not the same height as...

Always show overlay for edges in Cytoscape.js

javascript,canvas,graph,overlay,cytoscape.js

Just use the overlay-* properties with whatever selector you want in your stylesheet (probably just edge in your case).

xul overlay for new menu in TB/Firefox main menubar

firefox,firefox-addon,overlay,xul

You need the menubar id, which is main-menubar and also your missing the menupopup. I have not tested, but this looks right to me: <menubar id="main-menubar"> <menu id="test-menu" label="TEST" accesskey="d"> <menupopup id="test-popup"> <menuitem id="example-item2" oncommand="alert('Hello!');" label="TEST" accesskey="i"/> </menupopup> </menu> </menubar> If your trying to find the id of things like...

JS/JQuery: Can't trigger an event associated with an element that is above another element

events,click,overlay,elements

So you both have to set the z-index AND set position:relative for this to work. z-index not working with fixed positioning and others. Good luck!...

Overlay text with color over an image

css,overlay

You have to position text div abosolute and display it on hover. .thumb { width: 300px; margin: auto; background: rgba(231, 207, 0, 0.5); position: relative; } .thumb img { display: block; width: 300px; } .thumb:hover img { opacity: 0.5; } .overlay_text { display: none; position: absolute; bottom: 0; text-align: center;...

Make overlay fixed-like, but the content container scrollable

css,overlay

You need to separate your overlay element and the email container. So to do this. Your HTML: <div class="email_container"></div> <div class="email_overlay"></div> Then on your css: .email_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-image: url(img/overlay_bg.png); z-index: 1; } .email_container { width: calc(100% - 20px); max-width: 600px;...

Overlay a static UIButton onto a UICollectionView

ios,objective-c,uibutton,uicollectionview,overlay

It is quite easy: You can add the button like that: And you have to give a target to the button to move collectionView contentOffset... - (void)viewDidLoad { [super viewDidLoad]; self.dbManager = [[DBManager alloc] initWithDatabaseFilename:@"emokitDb.sqlite"]; NSLog(@"self.dbManager %@",self.dbManager.documentsDirectory); [self loadProjectWithId:1]; UIButton * button = [UIButton buttonWithType:UIButtonTypeRoundedRect]; button.frame = CGRectMake(910, 400 ,...

lxc-clone not working with overlayfs in centos 7

linux,overlay,lxc,centos7

It sounds as if they overlay filesystem is not available in your kernel. First, check if it is listed in /proc/filesystems: # grep overlay /proc/filesystems nodev overlay If it's not there, it may be available as a loadable kernel module. You can load it using modprobe: # modprobe overlay If...

overlay mean and sem to ggplot per facet

r,ggplot2,overlay

To add a mean line and standard error of the mean: us_absvel_plot + stat_summary(fun.y=mean, geom="line", colour="red") + stat_summary(fun.data=mean_cl_normal, geom="errorbar", confint=0.683, colour="red") + stat_summary(fun.y=mean, geom="point", colour="blue") Setting conf.int to 0.683 gives you an error bar equal to +/- 1 standard error. To get a smoother that follows the data more closely,...

Colorize a photo with PHP/GD [duplicate]

php,colors,overlay

Well, you could either draw a rectangle and $red = imagecolorallocatealpha($image, 255, 0, 0, 63); Or you could use the PHP Image filters, imagefilter($image, IMG_FILTER_COLORIZE, 127, 0, 0); // didn't test the color though...

How to create ImageView with TRUNCATED text overlay

android,android-layout,textview,overlay,android-imageview

try like this, <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" > <ImageView android:id="@+id/recipe_image" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center" android:adjustViewBounds="true" android:background="@drawable/ic_launcher" android:clickable="true" android:scaleType="fitXY"...

custom overlay is not transparant

ios,overlay,uiimagepickercontroller

To get rid of the white background view, change its color to clearColor (or don't use it in the first place). To make the segmented control less opaque, set its alpha to, say, 0.2.

Dim overlay by swiping on Windows Phone

c#,windows-phone-8.1,overlay,swipe

Basically, the distance of your finger movement should be directly proportional to the Rectangle's Opacity change. You can monitor the most recent Y change which is e.Delta.Translation.Y and divide it by the Rectangle's ActualHeight in order to get a more accurate Opacity change. Something like this will do. private void...

How to add sticker overlay to camera photo

ios,image,camera,overlay,photo

It is easiest if you save the relative frame of the added view in the picker and then compute the new frame when applying the added image combining the two images. One of the many ways to do so is to divide all the parameters of the frame with the...

Two overlaying svg texts - select and copy just one

text,svg,d3.js,overlay,selection

Instead of duplicating the actual text content in the markup, use a <use> statement to duplicate and re-style the graphic. You say: I tried to make the background unselectable with css and javascript but there is in some cases still double copy. I assume that means you used pointer-events:none or...

How to create overlay over div without defining it in HTML

css,position,overlay

Use a pseudo-element, absolute positioning, and CSS3 background sizing: .preview { position:relative; } .preview:after { content:''; background:url(https://mpmath.googlecode.com/svn/trunk/doc/build/_static/preview.png) 50% / contain no-repeat; position:absolute; top:0; left:0; right:0; bottom:0; } Example fiddle....

Correlation map with an overlaid opacity

python,matlab,graphics,matplotlib,overlay

You can use the 'AlphaData' attribute of the plot % generate random data for example A = rand(30); A = A.*A'; %//' msk = A > .5; % choose values not to be masked figure; ih = imagesc(A); set(ih, 'AlphaData', msk ); axis([ 1 30 1 30 ] ); And...

Moving dot on picturebox in vb.net

vb.net,image,overlay,picturebox

In addition to Hans's comment: Dim currentPoint As Point = Point.Empty Private Sub button1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles button1.Click ' Clear previous pixel Dim invalidRect As Rectangle = New Rectangle(currentPoInteger.X,currentPoInteger.Y, 1, 1) pictureBox1.Invalidate(invalidRect) ' Move to next point some how currentPoint.X = currentPoint.X + 1 '...