[Ver. 1.0-beta2] Ext.ux.UploadForm File Upload Widget

**jsakalos** · 12 Aug 2007 4:33 PM

Mike, just to explain better that empty file:

Initially, there is one empty <input type="file"> element with opacity:0 positioned over add button. When you click Add you click this input in fact.

Then you select a file from the dialog which goes to this first input. Second blank input is created after file selection, and so forth.

This way you have always one extra input. Sure it could be deleted before upload and re-created upon upload success or failure but just ignoring NO_FILE error on the server side looked much easier to me.

Cheers,

**mikegiddens** · 13 Aug 2007 6:41 AM

Understood. Just making sure you know it was there. Your design makes since.

Any comment on the PECL package install serverside to get the progress.php working?

**jsakalos** · 13 Aug 2007 7:58 AM

Originally Posted by mikegiddens

Understood. Just making sure you know it was there. Your design makes since.

Any comment on the PECL package install serverside to get the progress.php working?

I had no problems to install uploadprogress per manual. Beware, it doesn't work with suhosin (hardened PHP) extension.

**6epcepk** · 14 Aug 2007 11:11 AM

PHP Code:


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Reorder TreePanel</title>

<link rel="stylesheet" type="text/css" href="../lib/ext/resources/css/ext-all.css" />

     <script type="text/javascript" src="../lib/ext/adapter/ext/ext-base.js"></script>

    <script type="text/javascript" src="../lib/ext/ext-all.js"></script>

    <script type="text/javascript" src="reorder.js"></script>

</head>

<body>



<script type="text/javascript" src="/lib/ext/extensions/UploadForm/Ext.ux.UploadForm.js"></script>

<div id="form-ct"><div id="form-ct-in"></div></div>



<script type="text/javascript" src="uploadform.js"></script>

<link rel="stylesheet" type="text/css" href="uploadform.css" />

<link rel="stylesheet" type="text/css" href="filetree.css" />

<link id="theme" rel="stylesheet" type="text/css" href="/lib/ext/resources/css/xtheme-default.css">

<style type="text/css">

#form-ct, #swfu-out {

    position: relative;

    left: 14px;

    width: 180px;

    padding: 10px;

    border: 1px solid silver;

    background-color: #D3E6EA;

    margin-bottom: 24px;

}

#swfu-out {

    font-size: 8pt;



}

#adsense-top {

    margin: 10px;

}

#info-column {

    position: absolute;

    top: 108px;

    right: 8px;

    width: 240px;

    border: 1px dotted silver;

    background-color: #efefef;

    margin: 4px;

    padding: 8px;

    font-size: 8pt;

}

#info-column ul {

    list-style-type: disc;

    list-style-position: inside;

}

#pg-target {

    position: absolute;

    left: 400px;

    top: 108px;

    width: 154px;

}

#float-form-ct {

}

</style>



</body>

</html>

But:

And is this extension work with extjs 2?
Thanks.

**jsakalos** · 14 Aug 2007 12:56 PM

Re look: I just guess that the problem is how uploadform looks. If so, include uploadform.css.

Re ext2: I don't know, I haven't tried. It was written for 1.1.

**6epcepk** · 14 Aug 2007 7:53 PM

i Have already include css-file:

PHP Code:


<link rel="stylesheet" type="text/css" href="uploadform.css" />

And the path is correct. I have changed path to images-file, but images doesn't showing.

**jsakalos** · 15 Aug 2007 12:21 AM

Originally Posted by 6epcepk

i Have already include css-file:

PHP Code:


<link rel="stylesheet" type="text/css" href="uploadform.css" />

And the path is correct. I have changed path to images-file, but images doesn't showing.

Check iconPath and also, if you don't use famfamfam silk icons, icon names such as addIcon, uploadIcon, etc.

**6epcepk** · 15 Aug 2007 8:40 PM

I think this extension doesn't work with extjs 2.0 =(
I,m trying to change 'text' attribute in:

PHP Code:


        this.browseBtn = new Ext.Button(bbtnCt, {

            text:this.addText + '...'

            , cls: 'x-btn-text-icon'

            , icon: this.addIcon

            , minWidth:this.buttonWidth

        });

But it isn't dislay. (See screanshot at last.)

**jsakalos** · 16 Aug 2007 3:54 AM

Yes,
I've seen screenshot and now I looked again. So:

Different fonts/misalignments = missing/overriden uploadform.css
No icons = icon files not found = wrong iconPath || wrong filenames || both

Cheers,

PS: There is no need to change code of the extension to get icons working. Just pass correct config options. If you change the code you're on your own as I don't know what the change was.

**6epcepk** · 16 Aug 2007 7:36 AM

PHP Code:


alert(this.addIcon);

was return correct path to icons where located 'add.png'.
All scripts and css-files is originaly and was downloaded from your site.
So, extension doesn't work correctly with ExtJs 2. You're in 'Premium Group' and also can check this 8)
sry for my good English)

[Ver. 1.0-beta2] Ext.ux.UploadForm File Upload Widget

Thread Tools

Search Thread

Display