text: <?xml version="1.0" encoding="UTF-8"?>
  <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
  <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
               xmlns:e="urn:import:org.ovirt.engine.ui.common.widget.editor"
               xmlns:t="urn:import:org.ovirt.engine.ui.common.widget.tooltip"
               xmlns:g="urn:import:com.google.gwt.user.client.ui"
               xmlns:b="urn:import:org.gwtbootstrap3.client.ui">
  
      <ui:with field='constants' type='org.ovirt.engine.ui.common.CommonApplicationConstants'/>
  
      <ui:style>
          .listModelPanel {
              padding-right: 10px;
              overflow: hidden;
          }
  
          .filterListEditor {
              width: 100%
          }
  
          .addSelectedItemButton {
              float:right;
          }
      </ui:style>
  
      <g:FlowPanel>
          <b:Row>
              <b:Column size="SM_6">
                  <t:WidgetTooltip ui:field="filterListLabelTooltip" text="{constants.selectItemTooltip}">
                      <g:Label ui:field="filterListLabel" text="{constants.selectItemLabel}" />
                  </t:WidgetTooltip>
              </b:Column>
              <b:Column size="SM_6">
                  <b:Button ui:field="addSelectedItemButton" text="{constants.addItemButtonLabel}" addStyleNames="{style.addSelectedItemButton}"/>
                  <g:SimplePanel addStyleNames="{style.listModelPanel}">
                      <e:ListModelTypeAheadListBoxEditor ui:field="filterListEditor" usePatternFly="true" addStyleNames="{style.filterListEditor}"/>
                  </g:SimplePanel>
              </b:Column>
          </b:Row>
      </g:FlowPanel>
  </ui:UiBinder>
  