When using the JQuery grid, if I used the regular css (ig.ui.grid.css), everything looks great.
However, If I replace that css file with the minimized version the columns are all messed up in the grid. Actually, the whole layout is bad. When I switch back to the non-min version, everthing looks good again. I've checked and double checked that I was referencing the correct css and path for each (min and non-min) version and run multiple tests. However, it's possible that I am mistaken. Could someone please give this a try and see if you see the same issue?
Thanks,Tony
A quick compare between the MIN and non-min versions shows differences, and I don't mean comments or white space, but in actual CSS sections. Starting (in the min version) around column 1350 (line 1 of course). This corresponds to about line 44-48 of the non-min version.
I didn't look past the next 50 or so characters, but there were differences.
hi guys,
all online samples use minified CSS, and JavaScript. If you use the same order and referenced names, you will most probably not encounter any issues. This is the list of correct references you need to include (taken directly from an online sample):
<
link
type
=
"text/css"
href
"/SamplesBrowser/Styles/mvc/jQueryThemes/min/ig/jquery.ui.custom.min.css"
rel
"stylesheet"
/>
"/SamplesBrowser/Styles/mvc/jQueryThemes/base/ig.ui.min.css"
script
"text/javascript"
src
"/SamplesBrowser/Scripts/jquery-1.4.4.min.js"
></
>
"/SamplesBrowser/Scripts/jquery-ui.min.js"
"/SamplesBrowser/Scripts/Samples/combined/min/ig.ui.min.js"
/min/ig/jquery.ui.custom.min.css
/base/ig.ui.min.css
ig.ui.min.js