ClearableTextBox.ui.xml

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
	xmlns:g="urn:import:com.google.gwt.user.client.ui">
	
	<ui:with field='resources' type="org.zanata.webtrans.client.resources.Resources"/>
	
	<ui:style type="org.zanata.webtrans.client.ui.ClearableTextBox.Styles">
		.flow {
			display: inline;
			vertical-align: middle;
			border: 1px solid black;
			border-radius: 4px;
			padding: 2px; 
			}
		.xButton {
			cursor: pointer;
		}

		.emptyBox {
			color: grey;
			font-style: italic;
			font-size: 12px;
		}
		.textBox {
			border: none;
			width: 100%;
			font-size: 12px;
			padding: 0px;
			margin: 0px;
			outline:none;
		}
	</ui:style>
	
	<g:LayoutPanel styleName="{style.flow}">
		<g:layer top="1" bottom="1" left="2" right="20px">
			<g:FlowPanel>
				<g:TextBox ui:field="textBox" styleName="{style.textBox}"/>
			</g:FlowPanel>
		</g:layer>
		<g:layer top="0" bottom="0" right="1" width="18px">
			<g:Image ui:field="xButton" resource="{resources.xButton}" styleName="{style.xButton}" />
		</g:layer>
	</g:LayoutPanel>
</ui:UiBinder>