[CLOSED] [#155] FileUploadField in toolbar breaks other buttons

  1. #1

    [CLOSED] [#155] FileUploadField in toolbar breaks other buttons

    If you have a FileUploadField as a button on a toolbar, it won't let you click on the button in front of it. In example below, try to click the Close button. You can't.

    <html>
    <head id="Head1" runat="server">
        <style type="text/css">
            
        </style>
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
            DisableViewState="true" />
        <ext:Panel runat="server" ID="pnls" Title="Panels" Width="400" Height="500" Layout="VboxLayout">
            <TopBar>
                <ext:Toolbar runat="server">
                    <Items>
                        <ext:Button runat="server" ID="btnCancel" Text="Close">
                        </ext:Button>
                        <ext:FileUploadField ID="btnAdd" runat="server" ButtonOnly="true" Icon="Add" ButtonText="Add">
                        </ext:FileUploadField>
                    </Items>
                </ext:Toolbar>
            </TopBar>
        </ext:Panel>
        </form>
    </body>
    </html>
    Last edited by Baidaly; May 30, 2013 at 5:57 AM. Reason: [CLOSED]
  2. #2
    I was able to reproduce the defect. We will investigate a fix.

    Example


    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    
    
    <html>
    <head runat="server">
        <title>Ext.NET Example</title>
    </head>
    <body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
    
    
        <ext:Panel runat="server" Title="Example" Width="400" Height="500">
            <TopBar>
                <ext:Toolbar runat="server">
                    <Items>
                        <ext:Button runat="server" Text="Close" />
                        <ext:FileUploadField runat="server" ButtonOnly="true" Icon="Add" ButtonText="Add" />
                    </Items>
                </ext:Toolbar>
            </TopBar>
        </ext:Panel>
    </form>
    </body>
    </html>
    Geoffrey McGill
    Founder & CEO
  3. #3
    Hi,

    Temp workaround is
    input.x-form-file-input
            {
                width:100%;
                margin: 0 auto;
            }
    It has side effects still (if click on empty space in right side of toolbar then dialog is shown, under Chrome, not IE)

    I will report about that defect to Sencha
    Vladimir Shcheglov
    Sr. Developer
  4. #4
  5. #5
    Hello!

    The issue appears to be fixed in the SVN trunk. Please update.
  6. #6
    Hi, this issue was fixed but the button does not appear correctly in IE7. See attachment.
    Attached Thumbnails Untitled.png  
  7. #7
    Could you, please, start a new forum thread?

Similar Threads

  1. Replies: 9
    Last Post: Dec 12, 2011, 5:43 PM
  2. Replies: 7
    Last Post: May 25, 2011, 9:35 AM
  3. [CLOSED] FileUploadField in a ToolBar
    By peter.campbell in forum 1.x Premium Help
    Replies: 3
    Last Post: May 12, 2011, 5:09 PM
  4. Adding FileUploadField in toolbar
    By n_s_adhikari@rediffmail.com in forum 1.x Help
    Replies: 2
    Last Post: Aug 11, 2009, 4:21 PM
  5. Problems with toolbar buttons
    By flaviodamaia in forum 1.x Help
    Replies: 6
    Last Post: Jan 07, 2009, 3:05 PM

Posting Permissions