RadPanelBar expanded height

6 posts, 1 answers
  1. Balan
    Balan avatar
    10 posts
    Member since:
    May 2008

    Posted 07 May 2008 Link to this post

    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 !
  2. Rosi
    Admin
    Rosi avatar
    2529 posts

    Posted 07 May 2008 Link to this post

    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
  3. Balan
    Balan avatar
    10 posts
    Member since:
    May 2008

    Posted 07 May 2008 Link to this post

    <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>
  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 09 May 2008 Link to this post

    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
  5. Balan
    Balan avatar
    10 posts
    Member since:
    May 2008

    Posted 15 May 2008 Link to this post

    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>

  6. Answer
    Paul
    Admin
    Paul avatar
    4281 posts

    Posted 15 May 2008 Link to this post

    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
Back to Top