Comments (0)

By Yuriy, 07/09/2009 12:44 PM

I was using a pretty standard line of JavaScript code to set dimentions of an HTML element, something like:

oDiv.style.height = iWindowHeight/2 - 50;

It was working fine in IE, but had no effect whatsoever in Firefox.
Turned out all that was needed – to add ‘px’ to that line:

oDiv.style.height = iWindowHeight/2 - 50 + 'px';

and it works fine in both browsers.

Comments (0)

By Yuriy, 09/26/2008 11:12 AM

When I needed to modify background of Infragistics GroupByRow element using CSS class from an external stylesheet I thought – no problem. Link stylesheet to the page, modify grid’s property GroupByRowStyleDefault by setting CssClass:

And that should do it. Well, it didn’t work, the background hasn’t changed so I looked at page HTML source.

Continue reading 'Styling elements of Infragistics UltraWebGrid with CSS Classes'»

Comments (0)

By Yuriy, 01/30/2008 3:05 PM

I was working with Infragistics WebHtmlEditor control, and on client side it was being moved around by appendChild, removeChild DOM methods. All worked fine until I tried it over SSL connection. Immediatly removeChild method cause Secure/Unsecure waring.  Digging a bit I found that it was an IE bug. According to Microsoft this problem occurs if the Web page script calls the removeChild method to delete a DIV element that references a background image, and they suggest either to set outerHTML of the DIV to an emtpy string (which I think is dumb if you still need to use element you removed), but their second solution to move background-image declaration into an external CSS class actually works. In reality this problem occurs not only with DIVs but with any HTML element with background image in its inline style. In my case WebHtmlEditor rendered itself as an HTML table and its cells had background-image specified. The control itself didn’t have corresponding images set, but its UseDefaultStyles property was set to BackrgoundImages – which resulted in rendered styles with background images. To apply modified Microsoft’s solution I set this property to None, then segregated background image into a separate class:

.HTML_EDITOR
{
background-image:URL(ig_common/images/htmleditor/backimagerow.gif)
}
and used that class in Toolbar and TabStrip CSSClass properties. Worked like a charm.