Hi everyone,
I have a Viewport->BorderLayout->Center->tab panel-> panel-> Grid Panel.
Here in the below script, if I dont set the height and weight on the grid panel, I am able to see the all the button on the toolbar but the height of the grid panel is very minimal(I can only see one row), but If I set the height =300, then the height is adjusted as wanted but the buttons after the toolbarfill is not visible on the panel.

<ext:Viewport ID="Viewport1" runat="server" StyleSpec="background-color: transparent;" >
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server" >
<Center MarginsSummary="5 5 5 0">

<ext:TabPanel ID="TabPanel1" runat="server" Title="TabPanel" ActiveTabIndex="0" DeferredRender="false"
Border="false" BodyStyle="background-color: #4D778B; border: 1px solid #AABBCC; border-top: none;" >
<Items>
<ext:Panel ID="Tab1" runat="server" Title="Protocol" Icon="House" BodyStyle="background-color: transparent;"
Autoscroll="true" Frame="false">
<Items>

<ext:GridPanel runat="server" ID="GridPanel1" Title="Subjects" Icon="GroupEdit" Margins="0 0 5 5" Border="false" Height="300" Width=1220
Collapsible="true" AutoScroll="true" Frame="true" Disabled="true" >
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server" >
<Items>
<ext:Button ID="SubjectAdd" runat="server" Text="Add" Icon="Add">
<DirectEvents>
<Click OnEvent="AddSubject" Failure="handleError(result.errorMessage);">
<EventMask ShowMask="true" Target="CustomTarget" CustomTarget="={#{GridPanel1}.body}" />
<ExtraParams>
<ext:Parameter Name="ProtocolID" Value="Ext.getCmp('#{ProtocolPanel}')
&& #{ProtocolPanel}.getSelectionModel().hasSelection( )
? #{ProtocolPanel}.getSelectionModel().getSelected() .id : -1"
Mode="Raw" />
</ExtraParams>
</Click>
</DirectEvents>
</ext:Button>
<ext:Button ID="SubjectDelete" runat="server" Text="Delete" Icon="Exclamation" Disabled="true">
<Listeners>
<Click Handler="Ext.Msg.confirm('Delete', 'Are you sure you want to delete?', function(btn){if(btn=='yes'){
#{GridPanel1}.deleteSelected();#{GridPanel1}.save( ); }})" />
</Listeners>
</ext:Button>
<ext:Button ID="SubjectActions" runat="server" Text="Update Selected" Icon="UserGo"
Disabled="true">
<Menu>
<ext:Menu ID="SubjectActionsMenu" runat="server">
<Items>
<ext:Panel ID="Panel2" runat="server" Layout="Accordion" Height="150">
<Items>
<ext:MenuPanel ID="MenuPanel1" runat="server" Title="Status" Icon="VcardEdit" AutoScroll="true">
<Menu ID="Menu1" runat="server">
<Items>
<ext:ComboBox ID="SubjectActionMenuStatus" runat="server" Editable="false" AllowBlank="false"
TriggerAction="all" EmptyText="Please select a status...">
<Listeners>
<Select Handler="Ext.Msg.confirm('Mass Update', 'Are you sure you want to update all selected records status?', function(btn){if(btn=='yes'){
#{DirectMethods}.MassUpdateSubjectStatus(#{Subject ActionMenuStatus}.getValue()); }})" />
</Listeners>
</ext:ComboBox>
</Items>
</Menu>
</ext:MenuPanel>
</Items>
</ext:Panel>
</Items>
</ext:Menu>
</Menu>
</ext:Button>
<ext:TextField ID="searchfilter" runat="server" />
<ext:Button ID="ButtonSearch" runat="server" Text="Search" Type="Submit">
<Listeners>
<Click Handler="#{Store1}.reload('{start=0}');" />
</Listeners>
</ext:Button>
<ext:ToolbarFill ID="ToolbarFill1" runat="server"/>
<%--<ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server"/>--%>
<ext:Button ID="ButtonXML" runat="server" Text="XML" AutoPostBack="true" OnClick="ToXml"
Icon="PageCode">
<Listeners>
<Click Fn="saveData" />
</Listeners>
</ext:Button>
<ext:Button ID="ButtonXLS" runat="server" Text="XLS" AutoPostBack="true" OnClick="ToExcel"
Icon="PageExcel">
<Listeners>
<Click Fn="saveData" />
</Listeners>
</ext:Button>
<ext:Button ID="ButtonCSV" runat="server" Text="CSV" AutoPostBack="true" OnClick="ToCsv"
Icon="PageAttach">
<Listeners>
<Click Fn="saveData" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>

Thank you