I recently developed a site but I am having some troubles with displaying a particular JQuery Carousel on Safari be it on the PC or iPhone. Displaying on IE or Firefox has no problem. The issue arise when I refresh that particular page, the JQuery becomes distorted, the image is sliced and buttons gone. I would really like to show some code but I am not sure where to pinpoint the problem.
This is the page:
http://clotheher.com.microsoft2008hosting.com/ProductDetails.aspx?ProductId=2&&CategoryId=1
On the bottom right side is the carousel. Anyone experiences such problem or understand this behavior please kindly let me know. Thanks.
This doesn't appear to be jQuery, but rather CSS.
div.caroufredsel_wrapper and ul#foo2 both have specified heights which are causing the images/buttons to cutoff.
Related
I have a little problem with my project. I'm working with aspx dot net and bootstrap to make it beauty, buuuuuut out of nowhere my page started to show only a white page. The curious thing is that I can interact with the objects in the page, like some textboxes and buttons, but still nothing appears on the screen.
I try making a new project and creating a new simple page (using bootstrap too) but the same thing happened.
I have another site, and run perfectly without bootstrap.
I've already downloaded it again and making a new reference...
The IIS process didn't show anything about this...
Do you know what can I do about this...?
Thank you for your help!
I used following code to simply add the insert link button.
TopToolbar.Buttons.Add(new AjaxControlToolkit.HTMLEditor.ToolbarButton.InsertLink());
But I am facing issues in IE and Firefox as the insert link box is not appearing at proper place or sometimes it is hiding behind other controls and hence not accessible.
Has any one else faced similar problems?
Is there any other way to add/identify url(s) to the html editor?
Any help will be appreciated!
Thanks!
I have a page which contains user controls with Telerik Charts (grids also, but they work fine). From this page, the user can click on a button to be redirected to a "Printer-Friendly Version" type page, which opens a new window via javascript and goes through a slightly different view (for formatting and stuff), but the telerik code is all the same.
The problem is, my Chart displays just fine in the original window, but the new window displays basically an empty chart with no data. This bug is only present in IE, and only applies to Charts. Grids work fine, for whatever reason. I'm thinking this is due to differences in script caching between browsers -- correct me if I'm wrong, I'm semi-new to client-directed web development.
Anyway I read somewhere that Telerik has issues with loading data and/or js files when loaded via ajax, so maybe that's the problem? If so, how could I get around this? And if not, any ideas on what could be causing this issue? It's causing me a great deal of frustration, since a print preview page seems like it should be the easiest of jobs.
Edit:
The charts are being rendered as html (if somebody can explain how to render them as images, that would be awesome). And dev tools shows basically the same thing between chrome and IE. Whenever my web service goes back up ill WinMerge them and look for any peculiarities/differences between them. In the mean time, though, the "render as an image" concept sounds promising. That way I could just save the image from the first page, and insert it right into the print preview page, right?. And since it's a print-preview page, it's not going to need to be interactive or anything, so that'd work out nicely.
Another (important) Edit:
These are probably the culprit...
And here is a little more detail on that:
And here is a side-by-side of it working(in chrome) and not working (in IE):
Have you considered using a print-specific stylesheet instead, e.g.
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
In which you specify the styling to apply when printing.
That way, you avoid reloading the page (duplicate database hits, etc.) and don't need to delve into the AJAX of Telerik's controls.
EDIT:
Regarding using an image rather than HTML, first make sure you won't lose any features/detail, then check out the .Save() method of the RadChart control. You could either save it to a memory stream, or if you want to re-use the image save it to a directory on the webserver and clean it up periodically. That way, you can just point your print version to the image and not re-generate it.
This Telerik forum post may be of use.
I am using an image slideshow with thumbnails that I found online at the below website. Does anyone know how I would change this slideshow so that the thumbnails are listed to the right hand side of the slideshow instead of listed below it. If you go to the below link then click on view demo you can see how my slideshow currently works. I'm sure it's probably a change in either the javascript or the css I have tried a bunch of changes but I still can't get the images to show in a column on the right hand side. Any help would be much appreciated.
http://davidwalsh.name/slideshow-thumbnails-captions
I've just made a fiddle example on how you could set your slideshow HTML+CSS. JS is the same and it doesn't change!
Check it out http://jsfiddle.net/steweb/KKVxC/
I am working on a 2.0 framework C# web application. Recently it was brought to my attention that when an event occurs (button submits in particular) on the page and then the other ASP controls are moused over (textboxes, radio buttons, regular buttons) they appear to shift down, all the while you can see the control in its original position underneath (This gives the effect of having duplicate controls, one overlapping the other). When the page is refreshed the issue goes away until another event takes place.
To give some background, the users only experience this in IE. Of all the people I had test this, it only happens on a very small number of computers. One last thing to add is that I am incorporating JQuery rounded corners in the divs above the controls that seem to "break".
Has anyone seen this issue before, and if so, how was it fixed? A little bit of insight would be great.
Thanks in advance!
I'm guessing your jQuery code is cloning the HTML elements. If you turn off your jQuery to round the corners, does the problem still occur?
I haven't heard of this particular bug before, but it may be one that's fixed using the IE Zoom fix, which fixes bugs caused by IE6's strange float model.