What's New?

[CLOSED] Component Column layout Issues

  1. #1
    Nov 20, 2012, 11:05 PM

    [CLOSED] Component Column layout Issues

    Hi,

    I have a component column that contains a link button and button. I am using a Hboxlayout. The right side of the button is being forced outside the cells display region. Is there a way to fix this issue. See code and image for component column below.


    Click image for larger version.  Name: ComponentColumn.png  Views: 89  Size: 12.9 KB  ID: 5144




    <ext:ComponentColumn runat="server" Flex="1">
                                    <Component>
                                        <ext:Container runat="server" Layout="HBoxLayout"  Padding="5" >
                                            <Items>
                                                <ext:LinkButton runat="server" Flex ="1" ItemID="Name">
                                                    <Listeners>
                                                        <Click Handler="alert('here');" />
                                                    </Listeners>
                                                </ext:LinkButton>
                                                <ext:Button runat="server" Width="15" >
                                                    <Menu>
                                                        <ext:Menu runat = "server" >
                                                            <Items>
                                                                <ext:MenuItem runat ="server" Text ="Grid View">
                                                                </ext:MenuItem>
                                                            </Items>
                                                        </ext:Menu>
                                                    </Menu>
                                                </ext:Button>
                                            </Items>
                                        </ext:Container>                                        
                                    </Component>
                                    <Listeners>
 
                                    </Listeners>
                                </ext:ComponentColumn>
    Last edited by Daniil; Nov 28, 2012 at 2:58 PM. Reason: [CLOSED]
  2. #2
    Nov 21, 2012, 1:53 AM
    Hello!

    Try this one:

    <Component>
	<ext:Container runat="server" Layout="HBoxLayout">
		<LayoutConfig>
			<ext:HBoxLayoutConfig Padding="5"/>
		</LayoutConfig>
		<Items>
			<ext:LinkButton runat="server" Flex ="1" ItemID="Name" Text="Link">
				<Listeners>
					<Click Handler="alert('here');" />
				</Listeners>
			</ext:LinkButton>
			<ext:Button runat="server" Width="15" >
				<Menu>
					<ext:Menu runat = "server" >
						<Items>
							<ext:MenuItem runat ="server" Text ="Grid View">
							</ext:MenuItem>
						</Items>
					</ext:Menu>
				</Menu>
			</ext:Button>
		</Items>
	</ext:Container>                                       
</Component>
  3. #3
    Nov 21, 2012, 11:04 AM
    Please use the @Baidaly's workaround for now.

    I think there is a bug in HBoxLayout.

    I was able to reproduce it with this example.

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

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

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Ext.NET v2 Example</title>
</head>
<body>
    <ext:ResourceManager runat="server" />

    <ext:Button runat="server" Width="15">
        <Menu>
            <ext:Menu runat="server" />
        </Menu>
    </ext:Button>

    <ext:Container runat="server" Width="100" Layout="HBoxLayout">
        <Items>
            <ext:DisplayField runat="server" Text="Hello" Flex="1" />
            <ext:Button runat="server" Width="15">
                <Menu>
                    <ext:Menu runat="server" />
                </Menu>
            </ext:Button>
        </Items>
    </ext:Container>
</body>
</html>
    Here is a report to Sencha.
    http://www.sencha.com/forum/showthread.php?249653
  4. #4
    Nov 28, 2012, 2:58 PM
    15 width is just not enough to show a full Button.

    18 is enough.

Similar Threads

  1. [CLOSED] Layout issues
    By Daly_AF in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Aug 03, 2012, 1:04 PM
  2. Layout issues with input fields
    By Viktor Reiser in forum 1.x Help
    Replies: 1
    Last Post: May 18, 2012, 6:22 PM
  3. [CLOSED] More Layout Issues
    By FAS in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 27, 2012, 7:20 PM
  4. [CLOSED] Layout issues
    By sadaf in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Nov 25, 2010, 2:25 PM
  5. [CLOSED] [1.0] Having layout issues in ie8 only
    By ashton.lamont in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Jan 18, 2010, 5:18 AM

Posting Permissions