The next version FineUIPro / Mvc / Core's (v6.1.0), we trigger input box has been enhanced to automatically display the hidden icons cleared up.
First look at the display:
Enable Auto Clear icon requires two attributes:
- TriggerIcon="Clear"
- AutoShowClearIcon="true"
<f:TriggerBox ID="tbxMyBox1" ShowLabel="false" runat="server" Text="默认值" TriggerIcon="Clear" AutoShowClearIcon="true"> </f:TriggerBox>
One thing to note here is the fact Empty icon trigger icon occupies the first position, so be sure to set TriggerIcon Clear!
TwinTriggerBox is the same reason:
<f:TwinTriggerBox ID="ttbxMyBox" ShowLabel="false" OnTrigger1Click="ttbxMyBox_Trigger1Click" OnTrigger2Click="ttbxMyBox_Trigger2Click" Trigger1Icon="Clear" EmptyText="搜索用户名" Trigger2Icon="Search" runat="server" AutoShowClearIcon="true"> </f:TwinTriggerBox>
Note here Trigger1Icon must be set to Clear, otherwise the actual display of the icon is not empty.
A look at the display example:
Adding three stone [and his friends] now the planet, download FineUIPro / Mvc / Core (Basic): https://fineui.com/fans/