Feb 14, 2012, 2:19 PM
[CLOSED] UI Allignment Issue
Hi all,
I have attached the screen shot(UI_Allignment.jpge) of the actuall page.
I need to display 'save cancel' bottom bar to display just above the 'Ok' bottom bar.
Below is my code
I have attached the screen shot(UI_Allignment.jpge) of the actuall page.
I need to display 'save cancel' bottom bar to display just above the 'Ok' bottom bar.
Below is my code
<nxtwc:NxtFitLayout runat="server" ID="flUNPU">
<Items>
<nxtwc:NxtFormPanel ID="frmPanelTPCFPU" runat="server" AnchorHorizontal="100%" Padding="10"
BodyBorder="false" BodyStyle="background-color: #DFE8F6" Border="false" >
<Items>
<nxtwc:NxtGridPanel ID="gpUNPU" runat="server" StoreID="UNPUStore" StripeRows="true"
AnchorHorizontal="100%" AutoDataBind="true" AnchorVertical="30%" EnableColumnHide="false"
AutoExpandColumn="Event">
<ColumnModel ID="cmUNPU" runat="server">
<Columns>
<ext:CheckColumn ColumnID="UNPUEnable" Header="Enable" Tooltip="Enable" DataIndex="Enable"
Width="20" Editable="true">
</ext:CheckColumn>
<ext:Column ColumnID="UNPUName" Header="Name" Tooltip="Name" DataIndex="Name" Width="50">
</ext:Column>
<ext:Column ColumnID="UNPUObject" Header="Object" Tooltip="Object" DataIndex="Object"
Width="30">
</ext:Column>
<ext:Column ColumnID="UNPUEvent" Header="Event" Tooltip="Event" DataIndex="Event">
</ext:Column>
<ext:BooleanColumn ColumnID="UNPUPublic" Header="Public" Tooltip="Public" DataIndex="Public"
TrueText="Yes" FalseText="No" Width="30">
</ext:BooleanColumn>
<ext:DateColumn ColumnID="UNPUCreated" Header="CreatedOn" Tooltip="CreatedOn" DataIndex="CreatedOn"
Width="50">
</ext:DateColumn>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="rsmUNPU" runat="server" />
</SelectionModel>
<View>
<ext:GridView ID="gvUNPU" runat="server" MarkDirty="false" ForceFit="true" EmptyText="No Data Available." />
</View>
<BottomBar>
<nxtwc:NxtPagingToolbar ID="ptbUNPU" runat="server" PageSize="10" HideRefresh="true"
StoreID="UNPUStore">
<Items>
<nxtwc:NxtLabel ID="lblPagesize" runat="server" Text="Pagesize:" />
<nxtwc:NxtToolbarSpacer ID="tbsSpacer" runat="server" Width="10" />
<nxtwc:NxtComboBox ID="cmbPageSize" runat="server" Width="80">
<Items>
<nxtwc:NxtListItem Text="10" />
<nxtwc:NxtListItem Text="20" />
<nxtwc:NxtListItem Text="30" />
<nxtwc:NxtListItem Text="40" />
<nxtwc:NxtListItem Text="50" />
</Items>
<SelectedItem Value="10" />
<Listeners>
<Select Handler="#{ptbUNPU}.pageSize = parseInt(this.getValue()); #{ptbUNPU}.doLoad();" />
</Listeners>
</nxtwc:NxtComboBox>
</Items>
</nxtwc:NxtPagingToolbar>
</BottomBar>
</nxtwc:NxtGridPanel>
<nxtwc:NxtPanel ID="pnlUNPU" runat="server" AnchorVertical="10%" AnchorHorizontal="100%"
Border="false" BodyStyle="background-color: #DFE8F6">
<Items>
<nxtwc:NxtToolbar runat="server" ID="tbUNPUCreateNew" Layout="FitLayout">
<Content>
<nxtwuc:CreateNewToolBar runat="server" ID="UNPUCreateNew" ResourceNamespace="UNPUCreateNew"
EditEventName="NewNotification" />
</Content>
</nxtwc:NxtToolbar>
</Items>
</nxtwc:NxtPanel>
<nxtwc:NxtContainer ID="df" runat="server" Layout="RowLayout" AnchorHorizontal="100%" AnchorVertical="60%">
<Items>
<nxtwc:NxtTabPanel ID="tabpnlUNPU" ActiveTabIndex="0" runat="server" Border="false"
AnchorVertical="60%" BodyStyle="background-color: #DFE8F6">
<Items>
<nxtwc:NxtPanel ID="pnlUNPUGeneral" runat="server" AnchorVertical="100%" Title="General"
AnchorHorizontal="100%" Border="false" BodyStyle="background-color: #DFE8F6"
Padding="5">
<Content>
<nxtwuc:UserNotifyGeneral ID="UNPUDetails" runat="server" />
</Content>
</nxtwc:NxtPanel>
<nxtwc:NxtPanel ID="pnlUNPUFilter" runat="server" Title="Filter" AnchorVertical="100%"
AnchorHorizontal="100%" Border="false" BodyStyle="background-color: #DFE8F6"
Padding="5">
<Content>
<%--<nxtwuc:SysExtraFieldsAssignments ID="ESEFAssignments" runat="server" />--%>
</Content>
</nxtwc:NxtPanel>
<nxtwc:NxtPanel ID="pnlUNPUMessage" runat="server" Title="Message" AnchorVertical="100%"
AnchorHorizontal="100%" Border="false" BodyStyle="background-color: #DFE8F6"
Padding="5">
<Content>
<%--<nxtwuc:SysExtraFieldsAssignments ID="ESEFAssignments" runat="server" />--%>
</Content>
</nxtwc:NxtPanel>
</Items>
<BottomBar>
<nxtwc:NxtToolbar runat="server" ID="tbUNPUSaveCancel" Layout="FitLayout">
<Content>
<nxtwuc:SaveCancelToolBar runat="server" ID="UNPUSaveCancel" SaveEventName="SaveUser"
CancelEventName="CancelUser" />
</Content>
</nxtwc:NxtToolbar>
</BottomBar>
</nxtwc:NxtTabPanel>
</Items>
</nxtwc:NxtContainer>
</Items>
<BottomBar>
<nxtwc:NxtToolbar runat="server" ID="tbUNPUok" Layout="FitLayout">
<Content>
<nxtwuc:CreateNewToolBar runat="server" ID="UNPUok" ResourceNamespace="UNPUOK" EditEventName="OK" />
</Content>
</nxtwc:NxtToolbar>
</BottomBar>
<Listeners>
</Listeners>
</nxtwc:NxtFormPanel>
</Items>
</nxtwc:NxtFitLayout>
Please help Thank You
Last edited by Daniil; Feb 20, 2012 at 1:00 PM.
Reason: [CLOSED]