[CLOSED] tab panel problem

[LeeTheGreek]

Hi,

I have a collapsible panel. Within it i have placed a gridpanel on the left and a tab panel on the right. However when the page is loaded, all the tabs within the tabpanel are located about 30 pixels lower than they should be. In their place is a grey background color. I am using version 1 of the coolite framework. Below is the code i am using.

<ext:Store ID="_store1" runat="server" AutoLoad="true" RefreshAfterSaving="None">
    <DirectEventConfig IsUpload="true" />
    <Reader>             
        <ext:JsonReader IDProperty="Id">
            <Fields>
                <ext:RecordField Name="Id" Type="Int" />
                <ext:RecordField Name="Name" Type="String" />
                <ext:RecordField Name="AccountNumber" Type="String" />
            </Fields>
        </ext:JsonReader>
    </Reader>
    <BaseParams>
        <ext:Parameter Name="Id" Value="#{_gridPanel1}.getSelectionModel().hasSelection() ? #{_gridPanel1}.getSelectionModel().getSelected().id : -1" Mode="Raw" />
    </BaseParams>
    <Listeners> 
        <LoadException Handler="Ext.MessageBox.alert('Load failed', response.statusText);" />                            
    </Listeners>
</ext:Store>

<ext:Panel ID="_panel1" runat="server" Visible="true" Height="470" Collapsible="true" Title="Accounts">
    <Content>
        <ext:BorderLayout ID="_borderLayout1" runat="server">
            <Center MarginsSummary="5 0 5 5">
                <ext:GridPanel ID="_gridPanel1" runat="server" Frame="false" StoreID="_store1" Height="453" Width="298" StripeRows="true">
                    <ColumnModel ID="_columnModel1" runat="server">
                        <Columns>
                            <ext:Column ColumnID="AccountNumber" DataIndex="AccountNumber" Width="110" />
                            <ext:Column ColumnID="Name" DataIndex="Name"  Width="188"> 
                                <Renderer Fn="bold" />
                            </ext:Column>
                        </Columns>
                    </ColumnModel>
                    <View>
                        <ext:GridView ID="_gridView1" runat="server" ForceFit="false" />
                    </View>
                    <SelectionModel>
                        <ext:RowSelectionModel runat="server" SingleSelect="true">
                            <DirectEvents>
                                <RowSelect OnEvent="RowSelect" Buffer="250">
                                    <EventMask ShowMask="true" Target="CustomTarget" CustomTarget="#{_details}" />
                                    <ExtraParams>
                                        <ext:Parameter Name="AccountId" Value="this.getSelected().id" Mode="Raw" />
                                    </ExtraParams>
                                </RowSelect>
                            </DirectEvents>
                        </ext:RowSelectionModel>
                    </SelectionModel>
                    <BottomBar>
                        <ext:PagingToolBar ID="_pagingToolBar1" runat="server" PageSize="15" StoreID="_store1" DisplayInfo="false" Visible="true" />
                    </BottomBar>
                    <LoadMask ShowMask="true" />
                    <Plugins>
                        <ext:GridFilters runat="server" ID="_gridFilters1" Local="true" ShowMenu="true">
                            <Filters>
                                <ext:StringFilter DataIndex="Name" />
                                <ext:StringFilter DataIndex="AccountNumber" />
                            </Filters>
                        </ext:GridFilters>
                    </Plugins>
                </ext:GridPanel>
            </Center>
            <East MarginsSummary="5 5 5 5">
                <ext:TabPanel ID="_tabPanel1" runat="server" AutoHeight="true" Border="true" Width="408" >
                    <Items>
                        <ext:Panel 
                            ID="_tab1"
                            runat="server" 
                            Title="Profile" 
                            Height="338"
                            Padding="6">
                            <Content>
                                <ext:FormLayout ID="_formLayout2" runat="server">
                                    <Anchors>
                                        <ext:Anchor>
                                            <ext:TextField 
                                                ID="_name" 
                                                runat="server" 
                                                FieldLabel="Name" 
                                                Width="150"
                                                ReadOnly="false" />
                                        </ext:Anchor>
                                    </Anchors>
                                </ext:FormLayout>
                            </Content>
                        </ext:Panel>
                    </Items>
                    <Buttons>
                        <ext:Button ID="_saveButton" runat="server" Text="Save" Icon="Disk">
                           <Listeners></Listeners>
                        </ext:Button>
                        <ext:Button ID="_cancelButton" runat="server" Text="Cancel" Icon="Cancel">
                            <Listeners></Listeners>
                        </ext:Button>
                    </Buttons>
                </ext:TabPanel>
            </East>
        </ext:BorderLayout>
    </Content>
</ext:Panel>

Any help would be greatly appreciated

Cheers

Lee

[Vladimir]

Hi,Your sample doesn't reproduce anything wrong. Please post another test sample. What browser do you use?

[LeeTheGreek]

Hi,

I was viewing the example with IE8.

Lee

[Vladimir]

Hi,

Do you able to reproduce the issue if paste posted code to the new page? I cannot reproduce the issue


EDIT: Marking as [CLOSED] until more information is provided.

[LeeTheGreek]

i figured out the problem. The tab was effected by the following css:

ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul{list-style-type:disc;}
ol{list-style-type:none;}

I commented out the above lines and everything was ok.

Thanks for the help

Lee