| <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor |
| license agreements. See the NOTICE file distributed with this work for additional |
| information regarding copyright ownership. The ASF licenses this file to |
| you under the Apache License, Version 2.0 (the "License"); you may not use |
| this file except in compliance with the License. You may obtain a copy of |
| the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required |
| by applicable law or agreed to in writing, software distributed under the |
| License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS |
| OF ANY KIND, either express or implied. See the License for the specific |
| language governing permissions and limitations under the License. --> |
| |
| <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' |
| xmlns:g='urn:import:com.google.gwt.user.client.ui'> |
| |
| <ui:style src="res/CssSplitLayoutPanel.css"> |
| .uibox { |
| border: 1px solid #a3a3a3; |
| border-radius: 4px; |
| overflow: hidden; |
| box-shadow: 0 0 2px #999; |
| -o-box-shadow: 0 0 2px #999; |
| -webkit-box-shadow: 0 0 2px #999; |
| -moz-box-shadow: 0 0 2px #999; |
| background: #fff; |
| } |
| |
| .listbox { |
| background: #d9ecf4; |
| overflow: hidden; |
| } |
| |
| .listbox .scroller { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| bottom: 0; |
| overflow-x: hidden; |
| overflow-y: auto; |
| } |
| |
| .listbox .scroller.withfooter { |
| bottom: 42px; |
| } |
| |
| .listbox .boxtitle+.scroller { |
| top: 34px; |
| } |
| |
| .boxtitle,.uibox .listing thead td { |
| font-size: 12px; |
| font-weight: bold; |
| padding: 10px 8px 3px 8px; |
| height: 20px; /* doesn't affect table-cells in FF */ |
| margin: 0; |
| text-shadow: 0px 1px 1px #fff; |
| border-bottom: 1px solid #bbd3da; |
| white-space: nowrap; |
| } |
| |
| .uibox .boxtitle,.uibox .listing thead td { |
| background: #b0ccd7; |
| color: #004458; |
| border-radius: 4px 4px 0 0; |
| } |
| |
| .contentbox .boxtitle { |
| color: #777; |
| background: #eee; |
| background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%); |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), |
| color-stop(100%, #dfdfdf) ); |
| background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%); |
| background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%); |
| background: linear-gradient(top, #eee 0%, #dfdfdf 100%); |
| border-bottom: 1px solid #ccc; |
| } |
| |
| .contentbox .scroller { |
| position: absolute; |
| top: 34px; |
| left: 0; |
| right: 0; |
| bottom: 28px; |
| overflow: auto; |
| } |
| |
| body.iframe .boxtitle { |
| position: fixed; |
| top: 0; |
| left: 0; |
| width: 100%; |
| z-index: 100; |
| } |
| |
| .boxcontent { |
| padding: 10px; |
| } |
| </ui:style> |
| <g:SplitLayoutPanel ui:field="thisPanel"> |
| <g:west size="260"> |
| <g:DockLayoutPanel addStyleNames="{style.listbox} {style.uibox}"> |
| <g:north size="34"> |
| <g:HTML> |
| <h2 class="{style.boxtitle}">Folders</h2> |
| </g:HTML> |
| </g:north> |
| <g:center> |
| <g:SimpleLayoutPanel ui:field="labelListContainer" /> |
| </g:center> |
| </g:DockLayoutPanel> |
| </g:west> |
| <g:center> |
| <g:SimpleLayoutPanel addStyleNames="{style.uibox} {style.contentbox}"> |
| <g:HTMLPanel> |
| <h2 class="{style.boxtitle}">Folder properties</h2> |
| <g:FlowPanel addStyleNames="{style.boxcontent}"> |
| <g:SimplePanel ui:field="labelPropertiesContainer"></g:SimplePanel> |
| </g:FlowPanel> |
| <div class="{style.statusbar}" /> |
| </g:HTMLPanel> |
| </g:SimpleLayoutPanel> |
| </g:center> |
| </g:SplitLayoutPanel> |
| </ui:UiBinder> |