[CLOSED] ColumnLayout - not setting width before content

[craig2005]

Ok, that worked :-)

Wow, i learn something new everyday with this. <LayoutConfig> ?

alright, so the fix for the ColumnLayout Width was not to use ColumnLayout which i had used hoping it would fix the the height issue that I read about in another thread.

So now i just need the height issue fixed on the top level panel.

Without <ext:Panel ID="homeTabLayoutWrapper" runat="server" Border="false" Height="600" > it doesn't work.

here's the new ascx file that is loaded inside of a tab.

<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:Panel ID="homeTabLayoutWrapper" runat="server" Border="false">
    <LayoutConfig>
    <ext:HBoxLayoutConfig Align="Stretch" />
    </LayoutConfig>
    <Items>

    <ext:HBoxLayout ID="hblayoutHomeTab" runat="server">
        <BoxItems>
            <ext:BoxItem>
                <ext:Panel ID="plnHomeTabMessageBoards" runat="server" Width="500" Border="false">
                    <AutoLoad Url="/Group/HomeTab_MessageBoards" ShowMask="true" >
                        <Params>
                            <ext:Parameter Name="containerId" Value="function () { return #{plnHomeTabMessageBoards}.body.id; }" Mode="Raw" />
                        </Params>
                    </AutoLoad>
                </ext:Panel>
            </ext:BoxItem>
            <ext:BoxItem>
                <ext:Panel ID="Panel3" runat="server" Width="400" Layout="fit" Border="false">
                    <Items>
                     <ext:Panel ID="accEventsWrapper" runat="server" AutoHeight="true" Border="false">
                            <Items>
                                <ext:AccordionLayout ID="accEvents" runat="server" Animate="true">
                                    <Items>
                                        <ext:Panel ID="accEventsPanel" runat="server" Border="false" AutoHeight="true" Layout="fit" Title="Events"  Collapsed="false" Padding="10">
<Content>My content</Content>
                                        </ext:Panel>
                                    </Items>
                                </ext:AccordionLayout>
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="accPhotosWrapper" runat="server" AutoHeight="true" Border="false">
                            <Items>
                                <ext:AccordionLayout ID="accPhotos" runat="server" Animate="true">
                                    <Items>
                                        <ext:Panel ID="accPhotosPanel" runat="server" Border="false" AutoHeight="true" Layout="fit" Title="Photos"  Collapsed="false" Padding="10">
<Content>My content</Content>
                                        </ext:Panel>
                                    </Items>
                                </ext:AccordionLayout>
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="accRolesWrapper" runat="server" AutoHeight="true" Header="false" Border="false">
                            <Items>
                                <ext:AccordionLayout ID="accRoles" runat="server" Animate="true">
                                    <Items>
                                        <ext:Panel ID="accRolesPanel" runat="server" Border="false" AutoHeight="true" Layout="fit" Title="My Roles"  Collapsed="true" Padding="10">
                                              <Content>My content</Content>
                                        </ext:Panel>
                                    </Items>
                                </ext:AccordionLayout>
                            </Items>
                        </ext:Panel>
                    </Items>
                    </ext:Panel>
            </ext:BoxItem>
        </BoxItems>
    </ext:HBoxLayout>
    </Items>
</ext:Panel>
</Items>
</ext:FitLayout>

[Daniil]

Please review samples that I posted. There are no fixed heights but it works.

[craig2005]

Sorry, i'll try to post more presentable code.

Did you test the code you posted? It doesn't work for me. The hbox layout has a height of 0px. You are also hard coding a height on tab panel.

[Daniil]

Sorry, i'll try to post more presentable code.

Thanks. Just you will get more chances to get a solution as fast as possible.

Did you test the code you posted? It doesn't work for me.

Sure, I tested. And tested it again know - works fine on my side. Is there any error? Could you review it in FireBug? Please not that you couldn't get a error message in IE in some cases.

You are also hard coding a height on tab panel.

Yes. TabPanel is wrapped in Panel with no height, then this Panel is wrapped in <div> (master page) with no height.

Well, I think it's possible to adjust height in according to, for example, with loaded GridPanel's content. Do you need this?

[craig2005]

I've tried it in IE and in Chrome. Both don't show any errors. I also implemented the same logic in my main project and had the same issue. All the content is hidden.

See attached image.

[Vladimir]

Hi,

Screenshot shows that you render the widget inside body, it means that you control is out any layout logic.
We need test project from you because we can guess only about your real code but as you see that the thread with our guesses is very big already, test project will help us to resolve the issue asap

Please create test project, ensure that we can run it locally without any changes, zip it and post (or send to support email), please do not attach any assemblies.

[craig2005]

Ok, i stripped out the dlls and the javscript files.

project attached

updated: attached correct zip file

[Daniil]

Please note that you can send test project on our support e-mail:
support@object.net

As I mentioned we have a support e-mail. You always can send any required files to this e-mail if it's not appropriate to post these on the forums in according to some reasons.

[craig2005]

I've updated the thread and attached the project.

[Vladimir]

Hi,

Please note that you have to use AddTo mode in the controller action (Daniil defined AddTo mode in the sample but you don't use it)

Ext.Net.MVC.PartialViewResult pr = new Ext.Net.MVC.PartialViewResult(containerId, RenderMode.AddTo);

Please compare Danill controller code and your controller code