[CLOSED] change Toolbar overflow menu icons

  1. #1

    [CLOSED] change Toolbar overflow menu icons

    Good day,

    How can I change the toolbar overflow menu icon. My default icon size for the toolbar is 32X32 but I would like to update the icon css to be 16x16 as the large icon does not display properly on the overflow menu.

    I am having a similar issue to this thread.

    http://forums.ext.net/showthread.php...overflow-icons

    But the Ext.layout.ToolbarLayout no longer exists. I am using EXT.NET version 2.2.
    Last edited by Daniil; Jan 16, 2015 at 2:52 PM. Reason: [CLOSED]
  2. #2
    Hi @RCM,

    This video helped me to come up with the example below. The video demonstrates the technique that I use for such requirements.
    CSS Change TabPanel Header Color - Ext.NET on Vimeo

    Example
    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    
        <style>
            .my-toolbar .x-toolbar-more-icon {
                background-image: url(resources/images/test.png) !important;
            }
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
    
            <ext:Toolbar runat="server" Width="200" EnableOverflow="true" Cls="my-toolbar">
                <Items>
                    <ext:Button runat="server" Text="Button" />
                    <ext:Button runat="server" Text="Button" />
                    <ext:Button runat="server" Text="Button" />
                    <ext:Button runat="server" Text="Button" />
                    <ext:Button runat="server" Text="Button" />
                </Items>
            </ext:Toolbar>
        </form>
    </body>
    </html>
  3. #3
    Hi Danill,

    I tried to follow the suggestion you gave but with no luck.

    My toolbar buttons default icon size is 36px. The Css you gave below will work if all my buttons uses the same icon. But in cases where each button uses a different icon I am not able to modify to get it to work.

    Because the icons are so large, the overflow menu displays distorted see image below. Is there a way to set the default overflow icons for the menu items dynamically or in designer.

    Click image for larger version. 

Name:	mouseOver.png 
Views:	2 
Size:	7.3 KB 
ID:	18691

    Click image for larger version. 

Name:	Default.png 
Views:	2 
Size:	6.8 KB 
ID:	18701
  4. #4
    Apologize for the delay in answering.

    Please provide a test case.
  5. #5
    Good day,

    I was able to resolve the issue. please mark as closed.

    thanks for your response.

Similar Threads

  1. [CLOSED] Disable overflow for some ToolBar's items
    By RCN in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Sep 30, 2013, 2:22 PM
  2. Display error of Toolbar Overflow
    By howardyin in forum 2.x Help
    Replies: 8
    Last Post: Jan 11, 2013, 1:04 AM
  3. Replies: 10
    Last Post: Nov 09, 2011, 6:19 PM
  4. [CLOSED] Toolbar overflow icons
    By paulc in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 28, 2011, 2:09 PM
  5. [CLOSED] [1.0] Toolbar Overflow
    By Ben in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 12, 2010, 3:02 PM

Posting Permissions