ASP.NET Jan-23rd Hot Fix bug? | Infragistics Forums

517

ASP.NET Jan-23rd Hot Fix bug?

John posted over 15 years ago

I just installed the ASP.NET 2008 v3 2039 CLR2.0 hot fix and then upgraded my website to this latest version and I noticed the CssClass doesn't seem to work anymore when I'm using it for my webcombos. The width of my webcombo before installing the hotfix was set correctly to 150px (per the CssClass), but after installing the hotfix, the width isn't constrained to 150px anymore.

If I remove the CssClass and put in width="150px" instead, then this works, but not the CssClass. Did something change in the hotfix? It looks like the sameissue is occurring for the WebDateChooser also.

<igcmbo:WebCombo ID="wcPattern" runat="server" ComboTypeAhead="Suggest"
                    Editable="True" EnableXmlHTTP="True" SelBackColor="" SelForeColor=""
                    Version="4.00" CssClass="wcClrCol4" DataTextField="Pattern" DataValueField="Pattern">
                    <Columns>
                        <igtbl:UltraGridColumn Key="Pattern" Width="150px" BaseColumnName="Pattern">
                            <header caption="Pattern">
                            </header>
                        </igtbl:UltraGridColumn>
                    </Columns>
                    <ExpandEffects ShadowColor="LightGray" />
                    <DropDownLayout Version="4.00" XmlLoadOnDemandType="Accumulative"
                        DropdownWidth="192px" StationaryMargins="Header" AutoGenerateColumns="False"
                        SortCaseSensitiveDefault="False" RowHeightDefault="15px"
                        TableLayout="Fixed">
                        <FrameStyle Height="130px" Width="192px">
                        </FrameStyle>
                    </DropDownLayout>
                </igcmbo:WebCombo>

here's my CSS for the class highlighted above

.wcClrCol4
{
width:150px;
height:20px;
}

Thanks,

John

14049

Offline Alex Kartavov posted over 15 years ago in reply to John

Hello John,

Due to a bug report that we received we had to switch the order of the
css styles on the page. Now the styles that are set off the style
objects of the controls are taking priority over the cssclasses. Which
is the correct order and should have been like that all along.
The unfortunate thing is that on this particular control there a default
width, which equals to 200px, you can see it if you look at the property
grid of the combo.
To make it work again for your application, you can either use
!important just like Tony suggests, or in the code behind set the width
to Unit.Empty

protected void Page_Load(object sender, EventArgs e)
{
this.wcPattern.Width = Unit.Empty;
}

I am sorry for the troubles that were caused to you with this.
Cancel
Reply

Verify Answer

Cancel
19308

[Infragistics] Tony Lombardo posted over 15 years ago in reply to John

It's possible that the RedPlanet style was modified to add height and width properties to it and that's what has changed. You can remove the height and width from the RedPlanet style - I'm guessing it's the "ig_RedPlanetEditWithButtons" class which is found in ig_shared.css, or it could be the igcmb_RedPlanetEditWithButtons found in ig_combo.css. Alternatively, you can mark your height and width as important.

eg.

.wcClrCol4
{
height:20px; !important
width:200px; !important
}
Cancel
Reply

Verify Answer

Cancel
517

John posted over 15 years ago in reply to [Infragistics] Tony Lombardo
Tony,
Here's what I see when I do a view source for one of the webcombos.
I do see my css class in the source (I bolded it) - it's after the RedPlanet appstyle.
<td class="clrCol4">
<input type="hidden" id="wcPattern" name="wcPattern" value=""><div id='wcPattern_Main' onmousedown="BLOCKED SCRIPTigcmbo_onmousedown(event,'wcPattern');" onmouseup="BLOCKED SCRIPTigcmbo_onmouseup(event,'wcPattern');" ondblclick="BLOCKED SCRIPTigcmbo_ondblclick(event,'wcPattern');" onmouseout="BLOCKED SCRIPTigcmbo_onmouseout(event,'wcPattern');" onfocus="BLOCKED SCRIPTigcmbo_onfocus(event,'wcPattern');" style="" class="ig_RedPlanetEditWithButtons igcmb_RedPlanetEditWithButtons ig_1eada3d9_r28 wcClrCol4">
<input type=text id='wcPattern_input' onkeyup="igcmbo_editkeyup(event, 'wcPattern');" onkeypress="BLOCKED SCRIPTigcmbo_keypress(event, 'wcPattern');" onkeydown="BLOCKED SCRIPTigcmbo_editkeydown(event, 'wcPattern');" onfocus="BLOCKED SCRIPTigcmbo_oneditfocus(event, 'wcPattern');" onblur="BLOCKED SCRIPTigcmbo_onblur(event, 'wcPattern');" value="Andes" tabindex='0' style="float:left;width:174px;height:22px;height:100%;padding-left:3px;border-style:none;border-width:0px;" class="ig_RedPlanetEditWithButtons igcmb_RedPlanetEditWithButtons ig_1eada3d9_r28 wcClrCol4">
<img id='wcPattern_img' vspace='0' hspace='0' src='../ig_res/RedPlanet/images/ig_cmboDownXP1.png' style="float:right;width:16px;height:100%;margin:0;padding:0;"></div>

<div id='wcPattern_container' onkeydown="igcmbo_dropdownkeydown(event, 'wcPattern')" style="z-index:10000;position:absolute;display:none;visibility:hidden;">

When I use Firebug in Firefox to inspect the webcombo, I see the following.
I'm thinking the RedPlanet appStyle is override my css class, but it wasn't
doing this prior to the hotfix. Let me know if this helps or you need more info.

element.style {
border-bottom-style:none;
border-bottom-width:0;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:none;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:0;
border-top-style:none;
border-top-width:0;
float:left;
height:20px;
padding-left:3px;
width:179px;
}
.ig_1eada3d9_r28 {TXLColorway.aspx (line 22)
~~height:22px;~~
~~width:200px;~~
}
.wcClrCol4 {TXLStyleSheet.css (line 234)
~~height:20px;~~
~~width:150px;~~
}
.igcmb_RedPlanetEditWithButtons {ig_combo.css (line 6)
border:1px solid #D2D2D2;
}
.ig_RedPlanetEditWithButtons {ig_shared.css (line 66)
}

Thanks,
John
Cancel
Reply

Verify Answer

Cancel
19308

[Infragistics] Tony Lombardo posted over 15 years ago

John,

This could be a regression issue, so I'll let the QE team know to try it out. There are a couple of pieces of information that would be helpful to both understand what's going on, and possibly give you workaround.

When you view your page in the browser and do a view source, search for your classname, and see if it shows up in any of the elements as "class=". If the class isn't being emitted, then it's most likely a regression issue. If the class is being emitted, you need to figure out why your width is no longer taking effect. For that, turn to IE Developer Toolbar. You can click on an element and view the CSS behind it. In this case, you're looking for anything overriding the width your setting. It might be as easy as marking your width with !important.

Hope this helps,

-Tony
Cancel
Reply

Verify Answer

Cancel