BUG? in ig.ui.grid.min.css (minimized version)

2225

Anthony Queen posted over 13 years ago

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

2225

Anthony Queen posted over 13 years ago in reply to Alex Kartavov

I previously had a mix of min and non-min CSS referenced. When I went to all minified CSS, everything started working.

I don't have time to play with right now, and discover exactly why it was broken before. I'm just glad it's working now.

Thanks,
Tony
Cancel
Reply

Cancel
14049

Offline Alex Kartavov posted over 13 years ago in reply to Anthony Queen

It's in here: C:\Program Files (x86)\Infragistics\NetAdvantage 2011.1\jQuery\themes\base

The reason we put it there, so it is easier to use and the images are available off of the same location. Otherwise an extra step would be required to copy the css file next to the images or copy images next to this css class.
Cancel
Reply

Cancel
2225

Anthony Queen posted over 13 years ago in reply to Anthony Queen

interesting... I don't seem to have ig.ui.min.css

C:\Program Files (x86)\Infragistics\NetAdvantage 2011.1\jQuery\themes\min\base

I'll try a repair of my install and see if somehow it got moved previously instead of copied in another project.
Cancel
Reply

Cancel
2225

Anthony Queen posted over 13 years ago in reply to Alexander Todorov

well, this contradicts what was said here:

https://ko.infragistics.com/community/forums/f/ignite-ui-for-javascript/56624/possible-issue-with-theme-roller-theming-and-igrating

where I was told that I shouldn't use the custom css as is used in the samples, if I'm using themeroller themes.

I'll try it both ways and see what happens.

*Sigh

I need coffee. That's the same info i got on another post. Sorry for the confusion
Cancel
Reply

Cancel
24671

Alexander Todorov posted over 13 years ago in reply to Anthony Queen

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" />

    <link type="text/css" href="/SamplesBrowser/Styles/mvc/jQueryThemes/base/ig.ui.min.css" rel="stylesheet" />

    <script type="text/javascript" src="/SamplesBrowser/Scripts/jquery-1.4.4.min.js"></script>

    <script type="text/javascript" src="/SamplesBrowser/Scripts/jquery-ui.min.js"></script>

    <script type="text/javascript" src="/SamplesBrowser/Scripts/Samples/combined/min/ig.ui.min.js"></script>

So the minimum Infragistics specific resources you need are:

(please mind the directory paths, as this can create differences; the order is also important):

1. /min/ig/jquery.ui.custom.min.css

2. /base/ig.ui.min.css

3. ig.ui.min.js

The CSS files are two, so that all controls are themeroller compatible - they are divided into layout specific styling (no colors, etc.) = that's contained in the ig.ui.min.css, and the actual themeroller or IG Style => jquery.ui.custom.min.css. So if you want to use a different theme, you only need to change the first reference (1.) .

Hope it helps,

Angel
Cancel
Reply

Cancel