<!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:b="urn:import:org.gwtbootstrap3.client.ui"
             xmlns:editor="urn:import:org.dashbuilder.common.client.editor"
             xmlns:b3="urn:import:org.gwtbootstrap3.extras.slider.client.ui">

  <ui:with field="i18n" type="org.dashbuilder.client.widgets.resources.i18n.DataSetEditorConstants"/>

  <ui:style>
    .valueBox {
        width: 50px;
    }
    .inlineText {
      margin-left: 10px;
    }
  </ui:style>

  <b:Container ui:field="mainContainer" fluid="true" visible="false">
    <b:Row>

      <!-- Cache enabled. -->
      <b:Column size="MD_3">
        <g:HorizontalPanel verticalAlignment="ALIGN_MIDDLE">
          <g:IsWidget ui:field="enabledView" />
          <g:HTML ui:field="title" addStyleNames="{style.inlineText}"/>
        </g:HorizontalPanel>
      </b:Column>

      <b:Column size="MD_2">
        <g:HorizontalPanel verticalAlignment="ALIGN_MIDDLE">
          <editor:ValueBoxEditor.View ui:field="valueView">
            <editor:valuebox>
              <b:IntegerBox ui:field="valueBox" stylePrimaryName="form-control" addStyleNames="{style.valueBox}"/>
            </editor:valuebox>
          </editor:ValueBoxEditor.View>
          <g:HTML ui:field="units" addStyleNames="{style.inlineText}"/>
        </g:HorizontalPanel>
      </b:Column>

      <b:Column size="MD_7">
        <b3:Slider ui:field="slider" max="10" min="1" value="0" step="1" addStyleNames="{style.inlineText}"/>
      </b:Column>
      
    </b:Row>
  </b:Container>
  
</ui:UiBinder>