Calendar not showing inside of tab control

[craig2005]

I can't seem to get the calendar to load inside of a tab control.

I'm using MVC 2 with a view port. Inside the viewport is a tab control. I want the calendar to show inside of there.

Anyone have any ideas? I spent awhile on this and can't get it working.

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    
  <ext:ResourceManager ID="ResourceManager1" 
            runat="server" 
            />
  <ext:Viewport ID="Viewport1" runat="server" Layout="border">
    <Items>
        <ext:Panel ID="Panel1" runat="server" Collapsible="false" Height="100" Region="North"
            Split="false" Header="false" Title="">
            <Items>
            </Items>
        </ext:Panel>
        <ext:Panel ID="Panel2" runat="server" Collapsible="true" Layout="Fit" Region="East"
            Split="true" Title="East" Width="175">
            <Items>
                <ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Border="false" TabPosition="Bottom"
                    Title="Title">
                    <Items>
                        <ext:Panel ID="Panel3" runat="server" Title="Tab 1">
                            <Items>
                            
                                
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="Panel4" runat="server" Title="Tab 2">
                            <Items>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:TabPanel>
            </Items>
        </ext:Panel>
        <ext:Panel ID="Panel5" runat="server" Collapsible="true" Height="100" Region="South"
            Split="true" Title="South">
            <Items>
            </Items>
        </ext:Panel>
        <ext:Panel ID="Panel6" runat="server" Collapsible="true" Layout="accordion" Region="West"
            Split="true" Title="West" Width="175">
            <Items>
                <ext:Panel ID="Panel7" runat="server" Border="false" Collapsed="True" Icon="FolderGo"
                    Title="Item 1">
                    <Items>
                    </Items>
                </ext:Panel>
                <ext:Panel ID="Panel8" runat="server" Border="false" Collapsed="true" Icon="FolderWrench"
                    Title="Item 2">
                    <Items>
                    </Items>
                </ext:Panel>
            </Items>
        </ext:Panel>
        <ext:Panel ID="Panel9" runat="server" Layout="Fit" Region="Center" Title="Center">
            <Items>
                <ext:TabPanel ID="TabPanel2" runat="server" ActiveTabIndex="0" Border="false" Title="Center">
                    <Items>
                        <ext:Panel ID="Panel10" runat="server" Closable="true" Title="Calendar">
                            <Items>
                                <ext:CalendarPanel
                                        ID="CalendarPanel1" 
                                        runat="server"
                                        Region="Center"
                                        ActiveIndex="2"
                                        Border="false">
                                        <GroupStore ID="GroupStore1" runat="server">
                                            <Groups>
                                                <ext:Group CalendarId="1" Title="Home" />
                                                <ext:Group CalendarId="2" Title="Work" />
                                                <ext:Group CalendarId="3" Title="School" />
                                                <ext:Group CalendarId="4" Title="Other" />
                                            </Groups>
                                        </GroupStore>
                                        <MonthView ID="MonthView1" 
                                            runat="server" 
                                            ShowHeader="true" 
                                            ShowWeekLinks="true" 
                                            ShowWeekNumbers="true" 
                                            /> 
                                         <EventStore ID="EventStore1" runat="server">
                                            <Events>
                                                <ext:Event Title="My event" StartDate="2010/11/13" EndDate="2010/11/13" IsAllDay="true" CalendarId="1"/>
                                            </Events>
                                        </EventStore>
                                         
                                    </ext:CalendarPanel>
                       
                                    <ext:EventEditWindow 
                                        ID="EventEditWindow1" 
                                        runat="server"
                                        Hidden="true"
                                        GroupStoreID="GroupStore1">
                                    </ext:EventEditWindow>
                               
                            </Items>
                        </ext:Panel>
                        <ext:Panel ID="Panel11" runat="server" Title="Tab 2">
                            <Items>
                            </Items>
                        </ext:Panel>
                    </Items>
                </ext:TabPanel>
            </Items>
        </ext:Panel>
    </Items>
</ext:Viewport>
</asp:Content>

[Daniil]

Hi,

Please wrap code in [CODE ] tags, see
http://forums.ext.net/showthread.php...ing-New-Topics

Regarding the question

Please set Layout="fit" for Panel10 or set fixed Height.

Example

<ext:Panel ID="Panel10" runat="server" Layout="fit" ...>

[craig2005]

I adjusted the height and that worked!

thanks for the quick response. I think i'm going to switch over from telerik.

[Daniil]

Glad to help you:)

Thank you for wrapping in [CODE ] tags.

I think i'm going to switch over from telerik.

Good point and welcome to Ext.Net:)