Having changed every instance of clickoutside to "true" in my jquery.fancybox.js for my site https://byjohan.se, Fancybox still won't close when clicking outside the image. I first thought it had to do with me opening Fancybox by default in fullscreen but after changing that the problem still persists. What am I missing or doing wrong?
I'd be happy with every bit of help I could get :)
//Johan
Looks like you have to use clickSlide option, because clickOutsideoption defines action when clicked outside the slide (if you have not resized and/or repositioned slider area, then you actually can not click outside).
Related
Ok as you read title you will know problem. The problem is very old and much people tell fixes. But nothing works for me. So please help another time. I have EventSystem in hierchy. See picture
Let me show you my canvas picture of inspector
As you can see I have other Canvas so let me see you picture of that name "Shop Canvas"
My EventSystem in inspector
Panel of buttons in Inspector
And finally button in inspector(These 2 images for buttons because button in inspector is some long).
If you need more Info right below and I will edit the post. Thanks for your help
I had a similar issue of not being able to engage with a button. The reason being there was another UI component with ray cast enabled that did not allow inputs to reach the button.
For your case, I think it's the "The things...". Try disabling that and see if you can engage with the button again.
I had a similar issue, where I couldn't see button interactions in a scroll view. I eventually created a click event (which worked) to find the source of my problem. While it wasn't a Raycast problem, someone else might find this handy (or I will see it in the future!)
Mine (an issue I've accidentally 🤦♂️ created in the past) was that I set the color of the attached Image component to black and couldn't see the interaction states in the Button. So to restate, leave Image.Color white/opaque but change button states if you want dark menus.
The problem is that my like button is quite at the bottom at the page,
And when someone clicks the like button, the dialog just gets cropped,
and I just can't do anything with it.
Did anyone have a similar problem?
The only way to fix this is by using some CSS to your page to move the dialog box. This is kind of a hack, but its the only way to really do what you want. The only downside is that the tiny triangle in the top left corner of the dialog will seem out of place.
One other option that does not involve moving the dialog is to make your page slightly longer.
On my website the comment box that pops up when I press the Like button is placed behind some elements of the page and I really don't figure out how to fix it.
For 2 days I'm struggling with z-index property but no result and now I've found a solution by changing the overflow property of the parent div from hidden to visible/auto and it works! BUT I can't use this fix because that div has overflow set to hidden because I'm using the slimScroll plugin to customize the scrollbar...
This is the website, just click on any image and press the Like button to see what happens.
The right and left side of the popup are integrated in a table... I was thinking, if i remove the table and use just divs instead, the fix would be easier?
Thanks!
As you may know not long time ago facebook added several new features. One of them was a "New Stories" button which when clicked expands (with what I guess is a slideToggle effect) and shows new stories.
Here is the button I am talking about:
I would like to know How to achieve same slide / toggle effect and fade in effect that comes in after this button is clicked, with a help of jQuery.
I tried searching for this on internet, but all effects I found were regular slideToggle effects, I mean they started showing div from top and slided down to it's bottom (here is what I mean by regular content http://jsfiddle.net/TwxB4/), where as one facebook uses starts from the bottom of the hidden div and sort of slides to the top of it. (You will see what I mean if you check it on facebook).
Edit: I am only looking for a slideToggle effect and nothing else, I want to be abble to expand and shrink hidden div when user clicks on the link that lunches the effect.
Edit: Here is an illustration of the effect I'm looking for:
This example works the way you described, showing bottom content first:
http://jsfiddle.net/SBLNn/16/
Also full screen view here:
http://jsfiddle.net/SBLNn/16/embedded/result/
They may also do it by having the overflow of the feed hidden, and then setting a negative margin on the inner feed wrapper, then when you click they just animate that negative margin down to 0.
Does this works for you
http://jsfiddle.net/wb7h6/1/
updated version
http://jsfiddle.net/wb7h6/9/ I hope this is what you need
You want slideToggle() I think. See this jsFiddle.
I got fancybox working but I have this problem:
First, I can't make the loading image appear. And second, if I use a link to show an image on click, sometimes it fails to show it, because of the time it takes to load it (if it were an image instead of a link, it would have been already loaded by the browser, that's why it never fails with images).
In summary, I have a link, when I click it a modal window with an image should appear. Instead, a white box appears. If I reload the page, sometimes the image appears, sometimes it doesn't.
If it is working some of the time, maybe the problem is elsewhere? Is the picture you are loading particularly large, if you are shift refreshing I have experienced such effects in the past.