What's New?

[CLOSED] Buttons alignment on ButtonGroup

  1. #1
    May 31, 2012, 12:41 PM

    [CLOSED] Buttons alignment on ButtonGroup

    Hi,

    We would like to center all buttons inside a ButtonGroup:

    <ext:ButtonGroup 
    runat="server" 
    Height="97"
    Title="Actions"                                 
    HeaderPosition="Bottom"
    Columns="1">
    <Defaults>
        <ext:Parameter Name="scale" Value="small" />
        <ext:Parameter Name="iconAlign" Value="top" />
    </Defaults>
    <Items>
        <ext:Button 
            runat="server" 
            Text="Header"                                        
            IconCls="add16">          
        </ext:Button>
        <ext:Button 
            runat="server" 
            Text="Data" 
            IconCls="add16">         
        </ext:Button>
    </Items>
</ext:ButtonGroup>
    Is it possible?

    Thanks in advance.
    Last edited by Daniil; Jun 01, 2012 at 10:05 AM. Reason: [CLOSED]
  2. #2
    May 31, 2012, 2:49 PM
    Hi,

    ButtonGroup internally uses TableLayout, you can set up respective setting in TableLayoutConfig.

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

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" 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 runat="server">
    <title>Ext.NET v2 Example</title>

    <style type="text/css">
        .my-button-group {
            width: 100%;    
        }    
    </style>
</head>
<body>
    <ext:ResourceManager runat="server" />

    <ext:ButtonGroup
        runat="server"
        Height="97"
        Title="Actions"                                
        HeaderPosition="Bottom"
        Columns="1">
        <LayoutConfig>
            <ext:TableLayoutConfig>
                <TableAttrs Cls="my-button-group" />
                <TDAttrs>
                    <CustomConfig>
                        <ext:ConfigItem Name="align" Value="center" Mode="Value" />
                    </CustomConfig>
                </TDAttrs>
            </ext:TableLayoutConfig>
        </LayoutConfig>
        <Defaults>
            <ext:Parameter Name="iconAlign" Value="top" />
        </Defaults>
        <Items>
            <ext:Button
                runat="server"
                Text="Header"                                       
                Icon="Accept"
                ColSpan="1" />          
            <ext:Button
                runat="server"
                Text="Data"
                Icon="Add"
                ColSpan="1" />         
        </Items>
    </ext:ButtonGroup>
</body>
</html>
  3. #3
    Jun 01, 2012, 8:53 AM
    Thank you very much.

Similar Threads

  1. [CLOSED] Dynamic ButtonGroup
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 07, 2012, 9:04 AM
  2. [CLOSED] How to set the Toolbar buttons alignment to bottom
    By ISI in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Aug 02, 2011, 1:02 PM
  3. [CLOSED] ButtonGroup Bug
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 13, 2009, 2:42 AM
  4. [CLOSED] TabPanel: tab buttons alignment
    By acrossdev in forum 1.x Legacy Premium Help
    Replies: 12
    Last Post: May 14, 2009, 9:25 AM
  5. [CLOSED] TabPanel buttons alignment
    By riccardosarti in forum 1.x Help
    Replies: 3
    Last Post: Sep 25, 2008, 4:28 PM

Posting Permissions