The question: I have a Modal with Bootstrap so when I click on it, of course, it opens the page with some info.
On that page, I have a few images. I have tried, when you click the image it will load the image with a black background and (shadowbox style). The thing is that when I tried that it always load the image at the background, not in front and I want to keep the modal opened because you won't be opening the modal 100 times to see the 100 images.
I'm using bootstrap and nyroModal
Related
I have a v-dialog that opens when page is loaded. Somehow overlay is lost. The behavior is very similar to this bug report: https://github.com/vuetifyjs/vuetify/issues/7798
But in my case overlay works when v-dialog loads after several seconds of page loading, and overlay is lost only when v-dialog is loaded from the very beginning. So I have to find the way to fix it or to force overlay to be shown together with dialog.
I tried to work with v-overlay (to wrap dialog content there), but it's content is not shown as well, if we try to do this while page is loading.
So how can I fix this or force overlay to work?
When I include all the content inside (means image works as a View) that image loads to slow. When you navigate to that screen everything is there but image loads quite late and that screen looks like very unprofessional because of that. I have many screens where image used as a full screen background and all those screens have the same behavior. Is there any solution for this issue?
I have an app that opens a flyout via custom user control. The flyout xaml contains a webview with content given to it via "[webview].NavigateToString()".
When the flyout opens, it does a slight sliding animation from just below the center of the screen to the center of the screen and loads the content (this is the default animation).
The webview content is loaded immediately and when the flyout is finished loading everything, the webview flickers.
I have tried all of the "on load" and "loaded" events to no avail. The flicker always happens after those events.
My only workaround is to set a dispatcher timer to make the webview visible once the flyout is completely finished loading and animating.
Does anyone know how to fix this without the timer?
Note: Upon close inspection on the client machine (surface pro 3), it seems as if the webview is reloading the css style for the webview. I can see the webview with the correct style, then the "flicker" is slow enough that I can see the styling disappearing for a split second then the styling is applied again. I tried removing the styling completely and there is still a flicker. Perhaps it is reloading the entire webview after the flyout is done loading?
Edit: Ok. I have confirmed that it has to do with the default flyout transition. In another area of my app, I use a webview as part of a page. I turned on a transition for that page and the webview did the exact same flicker! Therefore if I can remove the flyout transition completely, the flicker should disappear.
Edit #2: So far I am unable to remove the transitions from the flyout.
I have yet another curious problem with the internet explorer 11.
My application has an embedded font (woff only) used in a button with rounded corners.
When the page first loads in IE11 the button is too small for the text inside. After reloading the page or hover the button it resizes the button correctly.
Now my theory is that IE loads the page and renders it and then loads the font without rendering the page again.
Is there a standard approach to such problems?
How to crop an image coming from server into popup? I have image coming from web service and showing it into a popup on a click on a table. I want to add cropping functionality into it. How can I do it??
There are a number of open source image cropping libraries on cocoacontrols.com Here's one that replicates Apple's crop image feature. You can then display the editing view controller in a popover when the user selects the row.