RadPanelBar expanded height

[Balan]

When I expand a root item, if I have only 2 child item, the height of expanded panel in huge. This problem appear only in IE. How can I modify this height ?
Have a nice day !

[Rosi]

Hi Balan,

I think the best way to proceed is to open a support ticket and send us a simple and running project illustrating the problem or paste the definition of RadPanelBar here.

We will test it locally and provide you with more instructions.

Regards,
Rosi
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Balan]

<telerik:RadPanelBar ID="RadPanelMenu" runat="server" Skin="Office2007" ExpandMode="FullExpandedItem"
                                    Width="150px" PersistStateInCookie="True">
        <CollapseAnimation Type="None" Duration="100" ></CollapseAnimation>
        
            <Items>
                <telerik:RadPanelItem runat="server" Text="Booking"
                
                    ImageUrl="~/App_Themes/Default/Images/menu_images/text-file-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="View all bookings"
                            NavigateUrl="~/Admin/Booking/Booking.aspx"
                            ImageUrl="~/App_Themes/Default/Images/menu_images/text-file-16x16.png" Expanded=true>
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="New booking"
                            NavigateUrl="~/Admin/Booking/EditBooking.aspx?bookingid=0"
                            ImageUrl="~/App_Themes/Default/Images/menu_images/text-file-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Find booking"
                            NavigateUrl="~/Admin/Booking/FindBooking.aspx"
                            ImageUrl="~/App_Themes/Default/Images/menu_images/text-file-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Tickets"
                ImageUrl="~/App_Themes/Default/Images/menu_images/desktop-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Print one ticket"
                            NavigateUrl="~/Admin/Tickets/Tickets.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/desktop-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Economics"
                ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Transaction card payments"
                            NavigateUrl="~/Admin/Economics/TransactionCardPayments.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Input payments"
                            NavigateUrl="~/Admin/Economics/InputPayments.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Method of payment"
                            NavigateUrl="~/Admin/Economics/PaymentType.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Registration of payments"
                            NavigateUrl="~/Admin/Economics/PaymentRegistration.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Price list"
                ImageUrl="~/App_Themes/Default/Images/menu_images/Coins-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Create/copy price list"
                            NavigateUrl="~/Admin/PriceList/NewPriceList.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Coins-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Price lists"
                            NavigateUrl="~/Admin/PriceList/DisplayPriceList.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Coins-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Price calculation" ImageUrl="~/App_Themes/Default/Images/menu_images/Coins-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Price list ID - calc"
                            NavigateUrl="~/Admin/PriceList/PriceListCalc.aspx" >
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Price calculate"
                            NavigateUrl="~/Admin/PriceList/PriceCalculate.aspx">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Hotel"
                ImageUrl="~/App_Themes/Default/Images/menu_images/Home-Sweet-Home-icon16.gif">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Hotel"
                            NavigateUrl="~/Admin/Hotel/Hotel/Hotels.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Home-Sweet-Home-icon16.gif">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Base room types"
                            NavigateUrl="~/Admin/Hotel/BaseRoomTypes/RoomTypes.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Home-Sweet-Home-icon16.gif">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Board per hotel"
                            NavigateUrl="~/Admin/Hotel/BoardPerHotel/BoardPerHotel.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Home-Sweet-Home-icon16.gif">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Connections"
                ImageUrl="~/App_Themes/Default/Images/menu_images/globe-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Routes"
                            NavigateUrl="~/Admin/Connections/Routes.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/globe-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Transport"
                ImageUrl="~/App_Themes/Default/Images/menu_images/Cabriolet-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Transport register"
                            NavigateUrl="~/Admin/Transport/Transports.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Cabriolet-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="System"
                ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Discount &amp; Supplier"
                            NavigateUrl="~/Admin/Discount_Suppl/DiscountSupplier.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Arrivals"
                            NavigateUrl="~/Admin/System/Arrivals.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Cancel conditions"
                            NavigateUrl="~/Admin/System/CancelConditions.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Companies"
                            NavigateUrl="~/Admin/System/Companies.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Departures"
                            NavigateUrl="~/Admin/System/Departures.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Pickup points"
                            NavigateUrl="~/Admin/System/PickupPoints.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Resorts"
                            NavigateUrl="~/Admin/System/Resorts.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Insurance"
                            NavigateUrl="~/Admin/System/Insurance.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Users"
                            NavigateUrl="~/Admin/System/Users.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Transfer costs"
                            NavigateUrl="~/Admin/System/TransferCosts.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Suppliers"
                            NavigateUrl="~/Admin/System/Suppliers.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Cancellation insurance"
                            NavigateUrl="~/Admin/System/CancellationInsurance.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Country code"
                            NavigateUrl="~/Admin/System/CountryCode.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Text tickets"
                            NavigateUrl="~/Admin/System/TextsTickets.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="System register"
                            NavigateUrl="~/Admin/System/SystemRegister/EditSystemRegister.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Postcode"
                            NavigateUrl="~/Admin/System/Postcodes.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Users"
                ImageUrl="~/App_Themes/Default/Images/menu_images/community-users-24x24.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Users"
                            NavigateUrl="~/Admin/System/Users.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/community-users-24x24.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Translator"
                ImageUrl="~/App_Themes/Default/Images/menu_images/globe-16x16.png" >
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Translator" ImageUrl="~/App_Themes/Default/Images/menu_images/globe-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Navigate"
                ImageUrl="~/App_Themes/Default/Images/menu_images/Dashboard-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Navigate" ImageUrl="~/App_Themes/Default/Images/menu_images/Dashboard-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Window"
                ImageUrl="~/App_Themes/Default/Images/menu_images/file-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Window" ImageUrl="~/App_Themes/Default/Images/menu_images/file-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
            </Items>

            <ExpandAnimation Type="None" Duration="100"></ExpandAnimation>
        </telerik:RadPanelBar>

[Paul]

Hi Balan,

In order to use the panelbar control in FullExpandedItem mode, you will have to either have fixed height of the panelbar or 100%. Here's an example:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css">
    html, body, form
    {
        margin: 0;
        height: 100%;
    }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadPanelBar ID="RadPanelMenu" runat="server" Skin="Office2007" ExpandMode="FullExpandedItem" Width="150px" PersistStateInCookie="True" Height="100%">
            <CollapseAnimation Type="None" Duration="100"></CollapseAnimation>
            <Items>
                <telerik:RadPanelItem runat="server" Text="Booking" ImageUrl="~/App_Themes/Default/Images/menu_images/text-file-16x16.png" Expanded="true">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="View all bookings" NavigateUrl="~/Admin/Booking/Booking.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/text-file-16x16.png" Expanded="true">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="New booking" NavigateUrl="~/Admin/Booking/EditBooking.aspx?bookingid=0" ImageUrl="~/App_Themes/Default/Images/menu_images/text-file-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Find booking" NavigateUrl="~/Admin/Booking/FindBooking.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/text-file-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Tickets" ImageUrl="~/App_Themes/Default/Images/menu_images/desktop-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Print one ticket" NavigateUrl="~/Admin/Tickets/Tickets.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/desktop-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Economics" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Transaction card payments" NavigateUrl="~/Admin/Economics/TransactionCardPayments.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Input payments" NavigateUrl="~/Admin/Economics/InputPayments.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Method of payment" NavigateUrl="~/Admin/Economics/PaymentType.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Registration of payments" NavigateUrl="~/Admin/Economics/PaymentRegistration.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/money-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Price list" ImageUrl="~/App_Themes/Default/Images/menu_images/Coins-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Create/copy price list" NavigateUrl="~/Admin/PriceList/NewPriceList.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Coins-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Price lists" NavigateUrl="~/Admin/PriceList/DisplayPriceList.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Coins-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Price calculation" ImageUrl="~/App_Themes/Default/Images/menu_images/Coins-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Price list ID - calc" NavigateUrl="~/Admin/PriceList/PriceListCalc.aspx">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Price calculate" NavigateUrl="~/Admin/PriceList/PriceCalculate.aspx">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Hotel" ImageUrl="~/App_Themes/Default/Images/menu_images/Home-Sweet-Home-icon16.gif">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Hotel" NavigateUrl="~/Admin/Hotel/Hotel/Hotels.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Home-Sweet-Home-icon16.gif">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Base room types" NavigateUrl="~/Admin/Hotel/BaseRoomTypes/RoomTypes.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Home-Sweet-Home-icon16.gif">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Board per hotel" NavigateUrl="~/Admin/Hotel/BoardPerHotel/BoardPerHotel.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Home-Sweet-Home-icon16.gif">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Connections" ImageUrl="~/App_Themes/Default/Images/menu_images/globe-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Routes" NavigateUrl="~/Admin/Connections/Routes.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/globe-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Transport" ImageUrl="~/App_Themes/Default/Images/menu_images/Cabriolet-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Transport register" NavigateUrl="~/Admin/Transport/Transports.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/Cabriolet-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="System" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Discount &amp; Supplier" NavigateUrl="~/Admin/Discount_Suppl/DiscountSupplier.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Arrivals" NavigateUrl="~/Admin/System/Arrivals.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Cancel conditions" NavigateUrl="~/Admin/System/CancelConditions.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Companies" NavigateUrl="~/Admin/System/Companies.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Departures" NavigateUrl="~/Admin/System/Departures.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Pickup points" NavigateUrl="~/Admin/System/PickupPoints.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Resorts" NavigateUrl="~/Admin/System/Resorts.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Insurance" NavigateUrl="~/Admin/System/Insurance.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Users" NavigateUrl="~/Admin/System/Users.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Transfer costs" NavigateUrl="~/Admin/System/TransferCosts.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Suppliers" NavigateUrl="~/Admin/System/Suppliers.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Cancellation insurance" NavigateUrl="~/Admin/System/CancellationInsurance.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Country code" NavigateUrl="~/Admin/System/CountryCode.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Text tickets" NavigateUrl="~/Admin/System/TextsTickets.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="System register" NavigateUrl="~/Admin/System/SystemRegister/EditSystemRegister.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                        <telerik:RadPanelItem runat="server" Text="Postcode" NavigateUrl="~/Admin/System/Postcodes.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/exec-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Users" ImageUrl="~/App_Themes/Default/Images/menu_images/community-users-24x24.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Users" NavigateUrl="~/Admin/System/Users.aspx" ImageUrl="~/App_Themes/Default/Images/menu_images/community-users-24x24.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Translator" ImageUrl="~/App_Themes/Default/Images/menu_images/globe-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Translator" ImageUrl="~/App_Themes/Default/Images/menu_images/globe-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Navigate" ImageUrl="~/App_Themes/Default/Images/menu_images/Dashboard-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Navigate" ImageUrl="~/App_Themes/Default/Images/menu_images/Dashboard-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
                <telerik:RadPanelItem runat="server" Text="Window" ImageUrl="~/App_Themes/Default/Images/menu_images/file-16x16.png">
                    <Items>
                        <telerik:RadPanelItem runat="server" Text="Window" ImageUrl="~/App_Themes/Default/Images/menu_images/file-16x16.png">
                        </telerik:RadPanelItem>
                    </Items>
                </telerik:RadPanelItem>
            </Items>
            <ExpandAnimation Type="None" Duration="100"></ExpandAnimation>
        </telerik:RadPanelBar>
    </form>
</body>
</html>

Sincerely yours,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Balan]

Hello !
Thanks for replay, it works perfectly! But I have one more questions for you. In IE, the color of the expanded item doesn't change(when I select the item and even after refresh). I send you some simple code for demonstrate that.
Have a nice day !

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <style type="text/css"> 
    html, body, form 
    { 
        margin: 0; 
        height: 100%; 
    } 
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div>
            <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Office2007" PersistStateInCookie="true" ExpandMode="SingleExpandedItem" Height="100%">
                <CollapseAnimation Type="None" Duration="100"></CollapseAnimation>

                <Items>
                    <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1" Expanded="true">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 5">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 6">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem runat="server" Text="Root RadPanelItem3">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelItem>
                </Items>

                <ExpandAnimation Type="None" Duration="100"></ExpandAnimation>
            </telerik:RadPanelBar>
        </div>
    </form>
</body>
</html>

[Paul]

Hi Balan,

Please find attached a modified version of the PanelBar.Office2007.css file for the Office2007 skin that will suite your needs; place it under /Skins/Office2007 folder. Have in mind that you will have to modifying the built-in skin.

All the best,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center