While using Kendo UI Upload control I am facing a UI issue that I am unable to resolve as in FF, Chrome and IE10 its fine. But, in IE9 the UI is little bit distorted when status message is displayed.
After observing in IE developer tool, I found the following difference in the rendered HTML. Please refer the image -
In IE10 the status-message is wrapped inside a div with class k-dropzone. But, in IE9 there is no wrapper for that. What could be the solution for this?
Thanks
Perhaps padding div containing the file upload control will spread out the elements a little:
#fileUpload {
padding:15px,15px,0px,15px;
clear:both;
}
Related
I have a html file along with CSS which gets properly loaded in Standalone FireFox browser and also in Web Preview control(Chromium ) for Chrome. Same script does not show up rightly in on GeckoWebBrowser. CSS is not taking effect.
Buttons which are to be stacked vertically are all displayed horizontally aligned.
Currently Ia m using Chromium for Chrome and GeckoFX for Firefox.
Please suggest any other latest web browser control which can be used for Firefox.
Please suggest what could be wrong.
My Boostrap framework is working fine on Chrome and Safari. It also is mostly on Explorer and Firefox. However, in Explorer and Firefox, a couple of images on interior pages appear to have an offset applied. The issue will be apparent when viewing the pages:
notagamebook.com/the-author-2
notagamebook.com/excerpts
I have been unable to find anyone else who has encountered the same issue. And I realize a manual fix won't be all that difficult, but I would like to keep the images in the framework and figure out what is happening in case it occurs again in the future.
EDIT
After attempting to fix this issue manually, I have realized it is NOT a Bootstrap issue. Firefox and Explorer are pushing the first piece of content following the page label to the right. It did so even when coding outside of the Bootstrap framework. I tried putting a piece of text as the first item and got the same result.
I've found the solution to this problem: There was a difference in the bottom margin being applied to the title in Explorer and Firefox, pushing the content to the right of the title div.
I have a Telerik radGrid that when a gridrow is clicked, it will expand and display an image that uses Atalasoft DotImage (version 9.0.3.45452) ImageViewer to display the image.
Everything worked with IE8. Any broswer IE9+, it seems to not show the image. The image appears in other areas of the application (and works), but it is not attached to any Telerik controls.
I have scouring the internet to see what was changed between IE8 & IE9, but I have not found anything that would help me out.
The image will show in the Telerik grid using IE8 & in developer tools, if I use quirks mode.
Could someone point me in the right direction between the two browsers and their rendering of these controls in a high-level sense?
It seems that it has to deal with iframes, parent doctypes, and IE9. I have found a reference
here
I've grabbed the exaple code for simplemodal straight off the simplemodal site. While the examples on that website work fine on ie8 from that website, after I copied and pasted everything into my own page (and copied over the relevant js files) the modal window opens at the bottom of the html page, not centred over the top of it. This only happens in ie8 - it works fine on Safari in both iOS6 and OSX. Any clues?
Most probably IE8 is opened in quirks/compatibility mode in your case. Use IE Developer Tools to manually control rendering mode. It is also possible to force IE to render in standard mode.
Anyone have an explanation why the Form Validation Bubble is positioned with a large offset in Google Chrome when attempting to validate a form hosted in a jquery UI dialog? You can observe that the positioning works ok when removing the javascript call that creates the dialog. It's working fine in Firefox and Opera.
http://jsfiddle.net/oliverw/Z6xAz/
This been confirmed to be a bug in Chromium.
It is a Chrome bug, seems they already saw it. I hope they can fix it for next version....
https://bugs.chromium.org/p/chromium/issues/detail?id=660840
https://bugs.chromium.org/p/chromium/issues/detail?id=680019