<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' 
             xmlns:g='urn:import:com.google.gwt.user.client.ui'
             xmlns:b="urn:import:org.gwtbootstrap3.client.ui"
             xmlns:bg="urn:import:org.gwtbootstrap3.client.ui.gwt">
  <ui:style>
    .mainPanel {

    }
    .errorPanelError {
      border: 1px solid red;
    }
    .gridPanel {
      width: 100%;
    }
    .grid {
      width: 100%;
      height: 200px;
      font-size: small;
      overflow: auto;
    }
    .addButtonPanel {
      width: 100%;
      text-align: right;
    }
  </ui:style>

  <g:HTMLPanel ui:field="mainPanel" addStyleNames="{style.mainPanel} ">

    <b:Label ui:field="errorLabel" visible="false"/>
    <g:ScrollPanel ui:field="gridPanel" addStyleNames="{style.gridPanel} ">
      <bg:DataGrid ui:field="grid" addStyleNames="{style.grid} ">
      </bg:DataGrid>
    </g:ScrollPanel>

    <g:FlowPanel addStyleNames="{style.addButtonPanel} ">

      <b:Button ui:field="addButton" icon="PLUS"/>

    </g:FlowPanel>

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