What's New?

[CLOSED] How to add buttons to panels header?

  1. #1
    May 20, 2009, 10:33 AM

    [CLOSED] How to add buttons to panels header?



    Hi!

    Is there a simple solution to add buttons to a Portlet's header?
    It should look like the picture panelbuttons.png

    And finally like example.png (collapse/expand button on the left side and other buttons on the right side).

    Alex



  2. #2
    May 20, 2009, 10:49 AM

    RE: [CLOSED] How to add buttons to panels header?

    Hi,

    The Panel header support tools buttons only (Tools collection). Any other controls can't be added to the header
  3. #3
    May 20, 2009, 10:54 AM

    RE: [CLOSED] How to add buttons to panels header?

    Ok, thanks, I will find another way.
  4. #4
    May 20, 2009, 2:26 PM

    RE: [CLOSED] How to add buttons to panels header?

    You could hack this by using a couple Panels.

    Example

    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<!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 id="Head1" runat="server">
    <title>Coolite Toolkit Example</title>
    
    <style type="text/css">
        .blue {
            background-color: #DFE8F6;
            border-bottom: solid 1px #99BBE8 !important;
        }
    </style>
</head>
<body>
    <ext:ScriptManager runat="server" />
    
    <ext:Panel runat="server" Width="350">
        <Body>
            <ext:ContainerLayout runat="server">
                <ext:Panel 
                    runat="server" 
                    Header="false" 
                    Border="false"
                    Cls="blue">
                    <Buttons>
                        <ext:Button runat="server" Text="New" />
                        <ext:Button runat="server" Text="Delete" />
                    </Buttons>
                </ext:Panel>
                <ext:Panel runat="server" Height="185" Html="Content" Border="false" />
            </ext:ContainerLayout>
        </Body>
    </ext:Panel>
</body>
</html>
    Just an option that might work for you.

    Note: the <Buttons> collection will only render and accept <ext:Button> controls.

    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  5. #5
    May 21, 2009, 7:34 AM

    RE: [CLOSED] How to add buttons to panels header?

    Thanks Geoffrey, that's how I do it.

Similar Threads

  1. [CLOSED] So many panels and nested panels
    By thchuong in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 03, 2012, 5:23 AM
  2. [CLOSED] accessing buttons in child panels
    By GLD in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jun 17, 2011, 12:48 PM
  3. Add buttons into panel header.
    By flaviodamaia in forum 1.x Help
    Replies: 2
    Last Post: Nov 23, 2010, 5:22 PM
  4. [CLOSED] Buttons in FormPanel Header bar
    By voipswitch in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Oct 14, 2010, 8:06 AM
  5. Help adding buttons and/or menu to panel header
    By Groovepoets in forum 1.x Help
    Replies: 6
    Last Post: Jun 11, 2009, 4:21 PM

Posting Permissions