TransMemoryView.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"
  xmlns:f="urn:import:org.zanata.webtrans.client.ui"
  xmlns:c="urn:import:com.google.gwt.user.cellview.client">

  <ui:with field="messages"
    type="org.zanata.webtrans.client.resources.UiMessages" />

  <ui:style type="org.zanata.webtrans.client.view.TransMemoryView.Styles">
    .translated {
      border-left: 2px solid #70a98b;
      border-right: 2px solid #70a98b;
    }

    .approved {
      border-left: 2px solid #4e9fdd;
      border-right: 2px solid #4e9fdd;
    }

    .container {
      overflow: auto;
    }

  </ui:style>

  <g:HTMLPanel styleName="{style.container}">
    <ul class="list--horizontal l--push-h-half">
      <li class="epsilon">
        <ui:text from="{messages.translationMemoryHeading}" />
      </li>
      <li>
        <g:TextBox ui:field="tmTextBox" />
      </li>
      <li>
        <g:ValueListBox ui:field="searchType" />
      </li>
      <li>
        <g:Button ui:field="searchButton">
          <ui:text from="{messages.searchButtonLabel}" />
        </g:Button>
      </li>
      <li>
        <g:Button ui:field="clearButton">
          <ui:text from="{messages.clearButtonLabel}" />
        </g:Button>
      </li>
      <li>
        <g:Button ui:field="mergeTMButton" title="{messages.mergeTMTooltip}">
          <ui:text from="{messages.mergeTMButtonLabel}" />
        </g:Button>
      </li>
      <li>
        <g:RadioButton name="diffMode" ui:field="diffModeDiff" />
      </li>
      <li>
        <g:RadioButton name="diffMode" ui:field="diffModeHighlight" />
      </li>
    </ul>

    <g:HTMLPanel ui:field="container" styleName="txt--align-center" />

  </g:HTMLPanel>
</ui:UiBinder>