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

    <ui:style>
        .unitStatus {
            float: right;
            width: 100px;
            height: 1.2em;
        }
        .mainPanel {
            background-color: #ffffff;
        }
        
        .optionStyle
        {
			font-size:13px;
			color:#595959;
		}
		
		.statsOption
		{
			display:inline-block;
			text-align:left;
		}
		
		.topBar
		{
			border-bottom:1px solid lightGrey;
			background:#F3F2F2;
			width:100%;
			height:100%;
			padding-left:10px;
			padding-right:10px;
		}
		
		.listContainer
		{
			padding:10px;
		}
		
		.downloadAllFilesButton
		{
			width:130px;
			display:inline-block;
			margin-left:6px;
		}
		
    </ui:style>
    <g:LayoutPanel>
        <g:layer top="0px" bottom="0px">
            <g:LayoutPanel styleName="{style.mainPanel}">
                <g:layer top='0' height='32px' left="0px" right="0px">
                	<g:HorizontalPanel styleName="{style.topBar}" verticalAlignment="ALIGN_MIDDLE">
                		<g:cell width="350px">
                			<fui:SearchField ui:field="searchField"/>
                		</g:cell>
                		<g:cell width="210px">
                			<g:HTMLPanel>
                				<g:CheckBox ui:field="caseSensitiveCheckBox" styleName="{style.optionStyle}"><ui:msg>Case sensitive</ui:msg></g:CheckBox>
                				<g:CheckBox ui:field="exactSearchCheckBox" styleName="{style.optionStyle}"><ui:msg>Exact match</ui:msg></g:CheckBox>
                			</g:HTMLPanel>
                		</g:cell>
                		<g:cell horizontalAlignment="ALIGN_RIGHT">
                			<g:HTMLPanel>
                        		<g:InlineLabel styleName="{style.optionStyle}"><ui:msg>Stats by:</ui:msg></g:InlineLabel>
                        		<g:RadioButton ui:field="statsByWord" styleName="{style.optionStyle} {style.statsOption}" name="statsOption"/>
                        		<g:RadioButton ui:field="statsByMsg" styleName="{style.optionStyle} {style.statsOption}" name="statsOption"/>
                        		<g:PushButton ui:field="downloadAllFiles" addStyleNames="{style.downloadAllFilesButton}"/>
                        		<g:PushButton ui:field="runValidation" addStyleNames="{style.downloadAllFilesButton}"/>
                        	</g:HTMLPanel>
                		</g:cell>
                	</g:HorizontalPanel>
                </g:layer>
                <g:layer top='28px' bottom="0px">
                	<g:ScrollPanel styleName="{style.listContainer}">
                		<g:HTMLPanel width="100%">
	                		<g:FlowPanel ui:field="documentListContainer"/>
	                		<fui:table.DocumentListPager ui:field="pager"/> 
	                    </g:HTMLPanel>
                    </g:ScrollPanel> 
                </g:layer>
            </g:LayoutPanel>
        </g:layer>
    </g:LayoutPanel>

    
</ui:UiBinder>