jqxgrid export to PDF in Firefox: long data in a column to runover next columns - jsfiddle

I'm using jqxgrid from jQWidgets to display some data. When I export my grid data to PDF using Firefox, if the data in a cell is too long, it will ram all over next couple columns like in this screenshot. This doesn't happen in Chrome or Safari though.
I asked on jQWidgets forum but seems like it'll take them sometimes, it will probably take them a month or so to reply. I can even replicate this behavior using their jsfiddle demo here
$("#pdfExport").click(function () {
$("#jqxgrid").jqxGrid('exportdata', 'pdf', 'jqxGrid');
});
by copying "Caffe Espresso Caffe" and pasting it a couple times to produce a long string, then export to PDF using Firefox browser.
It seems like jQWidgets problem to me. But I'm wondering if anyone encounter this too ? is there any work around for this?

jQWidgets released a new version 2 days ago so this seems to work now. Hope this information help you.

Related

HighStock | Page crashing when panning

first of all, I'd like to point out that I already checked this SO Question and, sadly, it didn't solve my problem.
My issue is as follows:
I need to display charts with, sometimes, up to 5 times 100 000 points and for that I decided to use HighStock (it is not my only reason, but let's not get off topic already).
Everything works fine except for one (not so little) detail: if I try to click and drag on the chart with my mouse (for zooming or panning), the whole page crashes, or at least stops responding for 30+ seconds. And that is weird because I don't face this problem if I zoom/'pan' using the timeline below the chart.
Here is a JSFiddle showing what I mean (comment the line 40 in order to reproduce the issue).
chart: {
/* panning: false */
}
Because of that, I also tried using HighCharts and there I have no issue (other than the graph not looking as good... but that's because I almost didn't configure anything).
After doing some testing, I noticed that disabling the panning solves my problem.
chart: {
panning: false
}
But then, the only way to move/zoom the chart is by using the timeline which, even if it is not that big of a deal, can be annoying when using a phone (if you go in landscape mode in order to see more of the chart, because my website isn't just displaying a chart alone, it becomes kinda impractical).
tl;dr:
I have the solution but I'd like to know if it's a know issue, the solution, the reason for that behavior.
Should I mark my question as "I answer my own question" ?, in the end I'm still not sure why it it happening, all I know is a fix

Bootstrap affix content within pushed column breaks layout in safari at the time of scrolling

Yes, this is some kind of duplicate question posted 1 year ago by someone. I like to know have there any good solutions came for this so far ? Issue for this at github is also closed :( I need a solution for this badly. Please, open my fiddle from Safari to see the problem as it's only happened at Safari.
At safari:
(a) Normal
(b) At the time of scrolling:
Thanks
Add to CSS:
.box.affix {
position:absolute;
}

Bootstrap carousel doesn't start automatically

It may appear a repeated question but it is a serious one and I found no solution for it in any related question.
I have downloaded a bootstrap theme from ShapeBootstrap website
Demo theme
I use Firefox 30. As you may see in the demo page too, the slider doesn't start automatically! however if one click on the next slide it starts running!
I did anything I read in the similar questions but nothing happened!
The order of scripts is OK
It is in the end of file
No error reported in console ...
You can view and follow the source code of the demo page. Everything is in its place. But I wonder why it has this problem even in the official website of the theme.
Please guide me what can I do.
To understand what was going wrong was difficult!
I replaced the carousal section(html) with this one from http://startbootstrap.com/templates/full-slider/
I added full-slider.css to the list of my css files and used the latest version of bootstrap script and now it works!

Dojo Gantt Chart Example does not render

I simply took dojo gantt chart example and put it in my code, and now this fiddle, and theres nothing rendered, without any errors. Did I miss something out? It appears onLoad does not run, in my Chrome Console network tab, theres no 404's tho, and it looks like every thing downloaded fine?
UPDATE
I think the problem here is with the require GanttChart. If I comment that out, at least I get into the onLoad
There seems to be an issue with the Gantt in Dojo 1.7.2 . When I switch to v 1.7.1 it works fine (for my implementation, and on your fiddle too).

MaintainScrollPositionOnPostback Does Not Work In Firefox 4.0 [duplicate]

I am using VS 2008. I like the feature maintainscrollpositiononpostback. It works fine with IE 8. But it does not work consistently with Firefox. Sometimes, instead the line I click on goes to the bottom of the page. The field I am trying to refresh is with a div tag with overflow set to auto. Also I have several update panels with updatemode set to conditional. This means only the panel affected should be refreshed. This is also not working in the case on Firefox.
I have searched the web for possible solutions but none of them work for me.
Most of my users use Firefox so this is a problem for me.
Thanks in advance,
Bob
scrollsaver to the rescue?
http://en.hasheminezhad.com/scrollsaver
I found this little js file a few weeks ago after implementing Post/Redirect/Get on a few of my pages. It may enable you to turn off maintain on your pages if you throw it in the master. I haven't fully tested it with ff4/5 or chrome...
Edit the Browser Capabilities file, and explicitly set it so that MaintainScrollPositionOnPostback is supported on Safari Browsers.
you can use javascript for this.. chek it out..
http://weblogs.asp.net/andrewfrederick/archive/2008/03/04/maintain-scroll-position-after-asynchronous-postback.aspx