[CLOSED] Remove Blank Icon Column from Menu

  1. #1

    [CLOSED] Remove Blank Icon Column from Menu

    Having the same issue as this post

    http://forums.ext.net/showthread.php...-Space-in-Menu

    but can't figure out the css to get this done. I have ShowSeparator="false" but no matter what css I try there always seems to be 30px added to the left property of one of the Divs.

    Thank you for your help.
    Last edited by Daniil; Oct 29, 2013 at 11:41 AM. Reason: [CLOSED]
  2. #2
    Hello!

    Try the following approach:

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <style>
            .my-class .x-menu-item-link {
                padding-left: 5px;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            
            <ext:Button ID="Button1" runat="server" Text="Menu">
            <Menu>
                <ext:Menu ID="Menu1" runat="server" Cls="my-class" ShowSeparator="false">
                    <Items>
                        <ext:MenuItem Text="Item 1" />
                        <ext:MenuItem Text="Item 2" />
                    </Items>
                </ext:Menu>
            </Menu>
        </ext:Button>   
        </form>
    </body>
    </html>
  3. #3
    Thank you Baidaly for the very quick response. Your suggestion got me going in the right direction and I now have what I need.

    One thing I didn't mention in my post was that I was wanting to put a custom panel inside the menu. With your help, I got the following to work.

    <%@ Page Language="C#" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html>
    <html>
    <head runat="server">
         <style>
             .x-menu-body {
                padding: 1px;
             }
             .x-menu-item-indent {
                margin-left: 0px;
            }
    
         </style>
     </head>
     <body>
         <form runat="server">
             <ext:ResourceManager runat="server" />
             <ext:Button ID="Button1" runat="server" Text="Menu">
                 <Menu>
                     <ext:Menu ID="Menu1" runat="server" ShowSeparator="false">
                         <Items>
                             <ext:Panel runat="server" Title="" Width="200" BodyPadding="5" Border="false">
                                <Items>
                                    <ext:FieldSet runat="server" Title="Info" Layout="AnchorLayout" DefaultAnchor="100%">
                                        <Items>
                                            <ext:Container runat="server" Layout="VBoxLayout">
                                                <Items>
                                                    <ext:Label Text="AAA"></ext:Label>
                                                    <ext:Label Text="BBB"></ext:Label>
                                                </Items>
                                            </ext:Container>
                                        </Items>
                                    </ext:FieldSet>
                                    <ext:FieldSet runat="server" Title="Info" Layout="AnchorLayout" DefaultAnchor="100%">
                                        <Items>
                                            <ext:Container runat="server" Layout="VBoxLayout">
                                                <Items>
                                                    <ext:Label Text="CCC"></ext:Label>
                                                    <ext:Label Text="DDD"></ext:Label>
                                                </Items>
                                            </ext:Container>
                                        </Items>
                                    </ext:FieldSet>
                                </Items>
                            </ext:Panel>
                         </Items>
                     </ext:Menu>
                 </Menu>
             </ext:Button>
         </form>
     </body>  
     </html>
  4. #4
    Thank you for sharing the final solution!

Similar Threads

  1. [CLOSED] [2.2] Ext.Menu leaving a blank space to the left
    By FVNoel in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 14, 2013, 1:39 PM
  2. [CLOSED] Blank column header menu item
    By RCM in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 29, 2012, 7:56 PM
  3. Replies: 2
    Last Post: Feb 22, 2012, 4:16 PM
  4. [CLOSED] "Blank" gridpanel column until edited...then blank again!
    By dmoore in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jan 24, 2011, 4:11 PM
  5. [CLOSED] gridpanel header menu column checkbox remove
    By majestic in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 15, 2009, 11:28 AM

Posting Permissions