I'm implementing JSTree in an Asp.net MVC3 application. The problem I'm having is the popup context menu pops up hidden behind the tree. Not sure what is going on here. Is there a particular order of things to ensure that the popup appears in front (on top)?
This is a z-index issue. Solution can be found at this link: Google JSTree forum post: jstree and blockui don't work well together
Thank you Ivan.
Related
I wonder if you can create screen effects (such as how to display the button, customize a modal or to flash background colors of a datatable for example) to my page created in JSF Pure (ie, without using Primefaces, RichFaces, and the like). If so, please indicate me sites and / or tutorials where I can check this job, because I researched on google and have not had success.
Grateful for the attention!
As suggested by friend Kukeltje, I will apply the JavaScript / JQuery in my project.
Thank you!!!
I have unfortunately stumbled on the issue where, on iPad, a pop-up menu summoned by way of :hover does not disappear from the screen when the user touches an empty area of the page.
The problem is the same described here:
Hover Behavior on Desktop vs iPad
The menu is part of a template I bought, namely:
http://html.realia.byaviators.com/
But... wait a minute... it WORKS on the template's home page? And only on that page -- it doesn't work on any other page of that same template.
I was able to track the behavior down to the point where I found that the reason why it works is the following: initializing a Google map makes the menu behave properly. Just the simplest of maps, with the default options.
Now my question to the experts is: what is that Google does in the map initialization code in order to fix the :hover behavior?
Thank you very much in advance for your help!
Well, can't tell what is that Google does, however the solution is documented in mobile Safari developer's reference.
For a click event to be generated on an area of the document, there must be a click handler attached. For example, clicking on a div will generate a click event only if an onclick="void(0)" handle is presente:
Clicking here triggers event in mobile Safari
I have a component of my site that is jQuery. I would like to use like a tool tip to walk the end user through the process of navigating this component. I have tried to modify the qtip plugin to do this. A link will be clicked that will bring up the 1st tooltip which will contain a link taking the user to the next tool tip. I was able to find a modal window, that allows me to do this, however I was unable to figure out how to have the window pop up in a specific place like the tool tip. I was also unable to close the previous window when the next one opened.
Update:
Found the solution. http://craigsworks.com/projects/qtip2/tutorials/advanced/#stepbystep The answer was burried the whole time! :)
I want the edit action of a specific controller to be handled in a window that floats above the main application window (not a new browser window). I can't find anything online that provides info on this, how does one go about doing this. I hope floating window is the correct term for this.
you'll have to use javascript as it's a client side user interface issue that you're dealing with. try jQuery with plugins like ThickBox to help you load the form onto a modal windows through a floating div
and personally i felt loading the form page in an iframe in the floating div will be an easy solution to what you are trying to achieve
hope this helps =)
I have a page with 4 tabs which are dynamically loaded. In each of the tab there are links which invoke dialog. The problem is when I refresh one of the tab the UI dialog which was created due to initialization does not get removed and it is recreating again causing the dialog to not function.
Any ideas on how to fix it would be most appreciated. I am kinda stuck and need a solution ASAP.
update: Sorry I forgot to mention that I use ASP .Net MVC 2 and the data for tabs gets refreshed from the controller.
Thanks,
Raja
The only way to fix the problem was to have a ModalDialogContainer at the parent page and load that dialog with whatever the URL those links had. This way even when the tabs refreshed the outer container (parent) was in tact.
Hope this helps someone.
Thanks,
Raja