There is a problem with igRating on a modal dialog in IE8.
I tried all version (html, aspx, razor syntax) but neither work in a dialog in IE8,but just on page work properly.
In Firefox working perfectly on page and in a model dialog too.
Thanks for advices.
Hi,
Thank you for report. I tested igRating in modal dialog and it worked in all browsers.However, In IE9/8 I noticed that height of rating was few pixels larger than explected. I tracked that down to large font inherited from ui-widget. It temporary can be fixed by something like
.ui-igrating{ font-size:1px; }
in ig.ui.rating.css or similar file.I also found that when rating is in modal dialog, then under IE8 mouseDownEvent.offsetX/Y are 0, therefore, value of rating from mousemove does not match with value from mousedown. That looks like a bug in IE. Logic of rating was adjusted to use last value from mousemove instead of "actual" value from mousedown.
Both issues were fixed within js file and update will be available in service releases.
If you have different issue, then I suggest you to provide a simple sample (use Options tab to attach) and give more description. I tested following:
<!DOCTYPE html><html><head> <link type="text/css" href="../../../Source/ClientUI/themes/base/jquery.ui.all.css" rel="stylesheet" /> <link type="text/css" href="../../../Source/ClientUI/themes/base/ig.ui.rating.css" rel="stylesheet" />
<script type="text/javascript" src=" http://code.jquery.com/jquery-1.5.1.js"></script > <script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.js"></script > <script type="text/javascript" src="../../../Source/ClientUI/js/ig.ui.rating.js"></script>
<script type="text/javascript"> $(function() { $('#createModal').click(function () { $('#dialog1').dialog({ height: 240, modal: true }); $('#rating1').igRating(); }); }); </script></head><body> <div id="dialog1" title="Modal dialog"> <div id="rating1"></div> <span class="ui-icon ui-icon-alert"></span> </div> <input id="createModal" type="button" value="Create modal" /></body></html>
Thanks for your answer. A tries your code snippet, but it still doesn't work in IE8.
My issue is the following:
IE8, Modal dialog, rating stars are shown properly, but when a clicked e.g. the third star (doesn't matter which star was clicked) all the stars are selected.
I have made a short video about my issue.
Thanks
Thank you for testing and description. I have IE9 and tested "Browser Mode: IE8". As I see from video, it works differently compare to original IE8.
From video it is hard to notice if on mouse-move, the rating paints "hover" value/style correctly. If it does, but on mouse-down rating shows wrong selected value/style, then a fix, which I mentioned last time should work. If that is the case, then you have to wait for service releases. If hover style is also wrong, then please let me know and I will try to find and test a machine with IE8.
If you need fix urgently and you do not use compressed js files, then I can give you additional codes to get around mousedown in IE8.
_doEvt: function (evt, type) { ... // mousedown if (type === 1) { ... val = me._lastHov || val; ... // mousemove if (type === 2) { me._lastHov = val; ... }
Thanks for your quick answers.
The fix in your last post is working. Happy hour:)
We are waiting for the service release.
Best Regards, HáZsé