PDA

View Full Version : [CLOSED] Cosmetic issue :-)



xtoolz
Jul 23, 2013, 6:52 AM
Good Morning all

First: It's not a Bug a speak about, it is a cosmetic issue.

I use HeaderItems in a GridPanel to implement a search function on the Grid.
My 'Problem' is the 'ClearButton' Plugin...


<ext:Column ID="colOrderReference" runat="server" DataIndex="OrderReference" Text="OrderReference" Width="125" Groupable="False" Sortable="true" MenuDisabled="False" Flex="1">
<HeaderItems>
<ext:TextField ID="selOrderReference" runat="server">
<Plugins>
<ext:ClearButton ID="ClearButton2" runat="server" />
</Plugins>
</ext:TextField>
</HeaderItems>
</ext:Column>

This Plugin renders the 'Decline' Icon to the Textbox. With the newer Versions of IE, the Textbox already owns a 'clear' Button - the 'x'-Sign. Hoovering into the Textbox changes this 'x' sign to the 'Decline' Icon.

Because all other Textboxes in in the Application are configured to use no Plugin, the HeaderItem looks different from the Rest - which is a Cosmetic problem.

Is there a workaround the prevent the Plugin from rendering the 'Decline' Icon for Browsers already having this Build-In Clear Button ('x'-Sign) ?

Kind Regards
Peter

65956596

Vladimir
Jul 23, 2013, 7:16 AM
You can use the following css rule to prevent IE10 clear button


.x-clearfield input::-ms-clear {
display: none;
}


and add Cls="x-clearfield" for TextField

Vladimir
Jul 23, 2013, 12:11 PM
Now ClearButton plugin automatically deactivates IE10 clear button, please update from SVN and retest (or use the solution from previous post)