Oct 11, 2010, 2:13 PM
[CLOSED] Toolbar misaligned
I wish that the pagingtoolbar gridpanel and Bottombar of formpanel were aligned.
The Bottombar shifted a few pixels down than the pagingtoolbar of gridpanel.
The appearance of the borders are slightly different.
The Bottombar of formpanel should not have the side borders. and must have the upper edge. I have to do with CSS?
The Bottombar shifted a few pixels down than the pagingtoolbar of gridpanel.
The appearance of the borders are slightly different.
The Bottombar of formpanel should not have the side borders. and must have the upper edge. I have to do with CSS?
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Flotte</title>
<link rel="stylesheet" type="text/css" href="../Css/Stylesheet.css" />
<script type="text/javascript" src="../Js/JScript.js"></script>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport1" runat="server" Layout="border">
<Items>
<ext:GridPanel ID="GridPanel1"
runat="server"
Title="Flotte"
Margins="0 0 5 5"
Icon="Folder"
Region="Center"
AutoExpandColumn="Name"
Frame="true">
<Store>
<ext:Store
ID="Store1"
runat="server" >
<Reader>
<ext:JsonReader IDProperty="ID">
<Fields>
<ext:RecordField Name="Name" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModelFlotte" runat="server">
<Columns>
<ext:Column Header="Nome" DataIndex="Name" />
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" />
</BottomBar>
<LoadMask ShowMask="true" />
</ext:GridPanel>
<ext:FormPanel
ID="FormPanel1"
runat="server"
Region="East"
Width="400"
Split="true"
Margins="0 0 5 5"
Frame="true"
Title="Dettaglio Flotta"
Icon="Lock"
DefaultAnchor="100%">
<TopBar>
<ext:Toolbar ID="StatusBar1" runat="server" Flat="true" ClassicButtonStyle="true" Height="40">
<Items>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:TextField ID="TextFieldNome" runat="server" FieldLabel="Nome" DataIndex="Name" Disabled="true" />
</Items>
<BottomBar>
<ext:StatusBar ID="StatusBar2" runat="server" Text="Bottom bar" />
</BottomBar>
<Listeners>
<ClientValidation Handler="el.getBottomToolbar().setStatus({text : valid ? 'Form is valid' : 'Form is invalid', iconCls: valid ? 'icon-accept' : 'icon-exclamation'});" />
</Listeners>
</ext:FormPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by Daniil; Oct 13, 2010 at 12:15 PM.
Reason: [CLOSED]