cytoscape.js How to remove the grey circle when panning - cytoscape.js

i use cytoscape.js. to draw Node Graphs
if i pan the Graph with Mouse, there is a grey circle on my mouse position.
I have no Idea how to remove this.
Can you help me please?
Thank you :)

Only Overwrite the Core style for remove grey circle:
.selector('core') // just core properties
.css({
'active-bg-size': 0
})

How about centering the arrow on the active background indicator. Right now there is a small padding (arrow slightly decentered) which causes improper click on edges. Thank you !

What you are describing is the active state on the background, indicated by the semitransparent circle around the cursor (or your finger on touch). For reasons of consistency across platforms and providing feedback to the user, this feature is not disableable. What we could do simply is allow the active area to be styled so you could effectively hide it. -M https://github.com/cytoscape/cytoscape.js/issues/337

Related

Alpha overlay not rendering correctly in Eevee Blender, but display correctly in viewport

I have two textures with transparency overlaying on top of each other (the hair, as a multiple alpha overlay) via Material nodes. At first the overlay would not display correctly (one texture would cancel the other out), which I solved following this thread:
https://blender.stackexchange.com/questions/86617/how-to-stack-layer-two-textures-with-alpha-over-each-other-with-material-nodes/239331?noredirect=1#comment405876_239331
I solved the problem in the viewport, however when I render the image the alpha textures again display incorrectly, see screenshot:
Alpha Render Problem Screenshot
Playing with the material settings did not change the rendered result. I'm not sure how to go about solving this - any help is appreciated and thank you!
I FOUND THE SOLUTION:
The Solidify Modifier (for correct backface culling) wasn't enabled in the render view, only in viewport 🤦🏻‍♀️

How to increase the area of ​touch?

I want the touch area to be off the edge without padding. All the icons in the header. How can I do this?
I tried to add an indentation style for the icon. But it does not look beautiful. And yet there is an area without touch.
Look at here
You can increase the touchable area by using 'hitSlop', See document here

Custom Titlebar in a Cocoa Application

I need to create a (very) custom titlebar in a cocoa app. I read about the INAppStoreWindow library, but it seems it doesn't have the feature that I need. So here's what I have need to do (see image for clarification):
My titlebar is the thing between the green and red circle
The text (Text1 - Text3) are all images
The black circle with the exclamation mark is also an image
The grey area below the title bar is a webview. It expands from the left border all the way to the right edge of the reddish sidebar. (This is actually where why I think that the INAppStoreWindow won't work, as I cannot specify a width for the title bar)
The images should have an Action
Text1 through Text3 as well as the black circle load some URL into the webview
Red circle closes the app
My app has no borders and no shadows. Right know in order to be able to move the app I drew a Box element at the top where the title bar should be. I think I can draw something in it as well, but as I'm very knew to cocoa development here are my questions:
How can I draw some images in the Box element?
Is there a better element to draw the titlebar in?
I know that are two questions, but they are closely relatated. It's generally: How to draw a simple titlebar like this?
As the problem inside the titlebar is the same for every item I need to draw (they are all images) I belive there is a quite simple solution for that, but because I lack the experience of how to solve this I'd need your help. You can also point me the the right direction in the comments and I'll answer this question myself after I've got it right.

How to apply the window-frame roundTextured bezel style to an NSButton that's not in the window frame?

If you can edit the title and make it shorter, good on ya. Which is to say, sorry for the title length :P
In the HIG:
http://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/Controls/Controls.html
Scroll down to the section "Window Frame Controls". Buttons with NSTexturedRoundedBezelStyle draw differently when placed in an NSToolBar (darker gradient).
Putting HIG questions aside, I need the darker bezel for a button that is not in the window frame. It seems there is some flag which I am missing.
I can obviously just draw it myself, but wanted to check if there's just something totally obvious I am missing here?
Kind regards,
Alec
As of Lion, the Round Textured button is translucent, which means that some of the background shows through it. That's why it looks different in the toolbar, because there's a darker background behind it.
There is no magic flag to change this behaviour, the only way to give it a darker appearance would be to place it on a darker background.

How to move the arrow by dragging and then after that to toss/throw it?

In my application I have one arrow image with fix center and I can rotate it by the touch move method on the same center.
But I also need to toss/throw the arrow after doing some rotation with touch move. How can I toss the arrow?
http://www.edumobile.org/iphone/iphone-programming-tutorials/how-to-use-gestures-in-iphone-application/
You can refer to this for some basic events like swiping or touching.
For Physics engine, I suppose you can refer to this :
http://code.google.com/p/chipmunk-physics/