What's New?

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

  1. #1
    Feb 28, 2013, 7:54 PM

    [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
    Feb 28, 2013, 8:10 PM
    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
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  3. #3
    Feb 28, 2013, 8:22 PM
    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
  4. #4
    Mar 04, 2013, 1:05 PM
    Reported to Sencha.
    http://www.sencha.com/forum/showthread.php?257866

    Created an Issue to monitor.
    https://github.com/extnet/Ext.NET/issues/155
  5. #5
    May 30, 2013, 5:59 AM
    Hello!

    The issue appears to be fixed in the SVN trunk. Please update.
  6. #6
    Jul 31, 2013, 2:40 PM
    Hi, this issue was fixed but the button does not appear correctly in IE7. See attachment.
    Attached Thumbnails Click image for larger version.  Name: Untitled.png  Views: 12  Size: 3.7 KB  ID: 6667  
  7. #7
    Jul 31, 2013, 4:34 PM
    Could you, please, start a new forum thread?

Similar Threads

  1. [CLOSED] [1.0] FileUploadField in toolbar does not render
    By jchau in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Dec 12, 2011, 5:43 PM
  2. [CLOSED] How to disable toolbar buttons or hide toolbar TablePanel when all the tabs are closed
    By ISI in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: May 25, 2011, 9:35 AM
  3. [CLOSED] FileUploadField in a ToolBar
    By peter.campbell in forum 1.x Legacy 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