Feb 21, 2013, 2:46 PM
FieldCls style not correctly applied
EXT.NET version 2.1.1.14877
Example:
FieldCls="offset" used in components consisting of more than one element (like combobox with input field and arrow icon or datefield with calendar icon)
applies the style only on the first element, see firebug output:
Input field:
The result is overlapping or non visible parts of the component.
Example:
<%@ Page Language="C#" Title="Test" Theme="" StylesheetTheme="" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<html>
<head runat="server">
<style type="text/css">
.offset
{
margin-left:30px;
}
</style>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager runat="server" />
<ext:ComboBox ID="combo" runat="server" FieldLabel="combo" width="100" LabelWidth="50" FieldCls="offset">
<Items>
<ext:ListItem Text="Category 1" Value="c1" />
<ext:ListItem Text="Category 2" Value="c2" />
<ext:ListItem Text="Category 3" Value="c3" />
</Items>
</ext:ComboBox>
</form>
</body>
</html>FieldCls="offset" used in components consisting of more than one element (like combobox with input field and arrow icon or datefield with calendar icon)
applies the style only on the first element, see firebug output:
Input field:
<tr>
<td id="combo-inputCell" class="x-form-trigger-input-cell" style="width: 100%;">
<div id="ext-gen1031" class="x-hide-display x-form-data-hidden" role="presentation"/>
<input id="combo-inputEl" class="offset x-form-text" type="text" style="width: 100%; -moz-user-select: text;" name="combo" autocomplete="off" aria-invalid="false" data-errorqtip=""/>
</td><td id="ext-gen1030" class="x-trigger-cell" valign="top" style="width: 17px;">
<div id="ext-gen1029" class="x-trigger-index-0 x-form-trigger x-form-arrow-trigger x-form-trigger-last x-unselectable" special="1" role="button" style="-moz-user-select: -moz-none;"/>
</td>
</tr>The result is overlapping or non visible parts of the component.
Last edited by Tomas Voracek; Feb 21, 2013 at 3:47 PM.
