Proper Setup for SAEF with File Upload

#1 / Jul 28, 2010 1:17am

Chris Brauckmuller
35 posts

Created an SAEF in EE 2.1 and all the fields are working great with the exception of the file uploads. The field labels aren’t displaying and there are these large blank thumbnails along with some links to add and remove a file that don’t do anything.

I consulted the documentation and it mentioned linking to a CSS file-

Note: The file field example includes markup used by the file browser javascript. If you are using the file browser in you entry form, it’s suggested that you also include a link to the accompanying style sheets via the {path='css/_ee_saef_css'} path variable.

However, this code does nothing for me and I can’t figure out what CSS it’s referencing. Additionally, this same quote mentions JavaScript. Do I need to link to a JavaScript file to get the full functionality of the file browser?
#2 / Jul 28, 2010 4:49am

John Henry Donovan
12339 posts

cbrauckmuller,

Do I need to link to a JavaScript file to get the full functionality of the file browser?

yes. Try adding {saef_javascript} to your header
#3 / Jul 28, 2010 9:32am

Chris Brauckmuller
35 posts

I tried putting that tag in, both wrapped within my SAEF tag and outside it, but it doesn’t do anything other than print the tag name. Does it need to be nested within anything in particular?
#4 / Jul 28, 2010 4:56pm

Ingmar
29245 posts

Try it within {exp:channel:entry_form}, please.
#5 / Jul 28, 2010 4:59pm

Chris Brauckmuller
35 posts

I did that already, that’s what I meant in my last post. Tried it again and still no cigar. Any other thoughts?
#6 / Jul 28, 2010 8:29pm

Brandon Jones
5500 posts

Chris, is there a link where we can see this occur?
#7 / Jul 31, 2010 7:04pm

serostar
11 posts

Having the same problem here.
#8 / Aug 01, 2010 4:20pm

Greg Salt
3988 posts

Hi Chris,

Let us check this out and we will update this thread as soon as possible.

Cheers

Greg
#9 / Aug 02, 2010 12:38am

Chris Brauckmuller
35 posts

Sounds good. I have a URL where you can see this happening but you’re going to need to get the login info from me. Let me know if you need it.
#10 / Aug 02, 2010 1:20am

John Henry Donovan
12339 posts

Chris,
We are still awaiting a response from the dev team regarding the file upload issue. We don’t need your login details quite yet. We will let you know as soon as we have a reply
#11 / Nov 28, 2010 8:20pm

NCangler
26 posts

Any update on this issue? I am having the same problem on a 2.1 install (build 20100810)
#12 / Nov 29, 2010 2:25am

John Henry Donovan
12339 posts

Mike_NC,

Can you update to latest version, EE 2.1.1 Build 20101020 please and see if issue persists please.

#13 / Nov 29, 2010 2:13pm

NCangler

26 posts

I updated the software to 2.1.1 build 20101020 and still have the same problem.

I haven’t added any custom CSS features to the page yet, just the saef_css called for in the documentation (not sure where that file actually resides?). Here’s the code:

<head>


<link href="{path='css/_ee_saef_css'}" type="text/css" rel="stylesheet" media="screen" />  

</head>

<body>

{exp:channel:entry_form channel="classified_ad" return="classified/index" preview="classified/entry"{saef_javascript}}

{preview}
<h1>{title}</h1>

{display_custom_fields}

{/preview}


<table>
<tr>
<td>


Title

<input type="text" name="title" id="title" value="{title}" size="50" maxlength="100"></p>

URL Title

<input type="text" name="url_title"  id='url_title' value="{url_title}" maxlength="75" size="50" /></p>

{custom_fields}
{if required}* {/if}{field_label}

{formatting_buttons}
{field_instructions}

{if textarea}
<textarea id="{field_name}" name="{field_name}" dir="{text_direction}" cols="50" rows="{rows}">{field_data}</textarea><br >
{/if}

{if textinput}
<input type="text" dir="{text_direction}" id="{field_name}" name="{field_name}" value="{field_data}" maxlength="{maxlength}" size="50" /><br >
{/if}

{if pulldown}
<select id="{field_name}" name="{field_name}">
{options}<option value="{option_value}"{selected}>{option_name}</option>{/options}

</select>
{/if}

{if date}
<input type="text" id="{field_name}" name="{field_name}" value="{field_data}" maxlength="{maxlength}" size="50" /><br >
{/if}

{if relationship}
<select id="{field_name}" name="{field_name}">
{options}<option value="{option_value}"{selected}>{option_name}</option>{/options}

</select>
{/if}

{if multiselect}
<select id="{field_name}" name="{field_name}[]" multiple="multiple">
{options}<option value="{option_value}"{selected}>{option_name}</option>{/options}
</select>
{/if}

{if checkbox}
{options}{option_value} <input type="checkbox" id="{field_name}" name="{field_name}[]" value="{option_value}"{checked} />
{/options}
{/if}

{if radio}
{options}{option_value} <input type="radio" id="{field_name}" name="{field_name}" value="{option_value}"{checked} />
{/options}
{/if}

{if file}
    {file}
{/if}

{/custom_fields}


</td>
<td valign="top">

<input type="submit" name="submit" value="Submit" />
<input type="submit" name="preview" value="Preview" />

{status_menu}
Status

<select name="status">
{select_options}
</select>

{/status_menu}

Date 

<input type="text" name="entry_date" value="{entry_date}" maxlength="23" size="25" /></p>

Expiration Date 

<input type="text" name="expiration_date" value="{expiration_date}" maxlength="23" size="25" /></p>

Comment Expiration Date 

<input type="text" name="comment_expiration_date" value="{comment_expiration_date}" maxlength="23" size="25" /></p>

<input type="checkbox" name="sticky" value="y"  {sticky} /> Make Entry Sticky
<input type="checkbox" name="allow_comments" value="y" {allow_comments} /> Allow Comments
<input type='checkbox' name='dst_enabled' value='y' {dst_enabled} />DST Active on Date of Entry

{ping_servers}
Ping Servers

{ping_row}
<input type="checkbox" name="ping[]" value="{ping_value}" {ping_checked} /> {ping_server_name}

{/ping_row}

{/ping_servers}

{category_menu}
Categories

<select name="category[]" size="4" multiple="multiple">
{select_options}
</select>

{/category_menu}

</td>
</tr>
</table>

{/exp:channel:entry_form}

</body>

#14 / Nov 29, 2010 6:55pm

Sue Crocker
26054 posts

Hi, Mike_NC. If the issue is the thumbnail not showing correctly in the SAEF form, double check that you have enough PHP memory allocated.

Have you seen: EEWiki:// HowTo Determine Memory Limits

-and-

EEWiki:// HowTo Override Memory Limitations

How much is allocated? How big of an image are you attempting to use?
#15 / Nov 29, 2010 8:55pm

NCangler
26 posts

Sue - memory allocation is fine, I increased it just to be sure, same issue. It seems to be a javascript issue. Probably in my setup….......... The links (add file, remove file) do not work and the css is not being applied to the file section (I have checked and the css file is working as I applied some custom styling on the page from the same file and it worked). Attached is a screen snippet showing the file section of the form

Thread

Chris Brauckmuller

John Henry Donovan

Chris Brauckmuller

Ingmar

Chris Brauckmuller

Brandon Jones

serostar

Greg Salt

Chris Brauckmuller

John Henry Donovan

NCangler

John Henry Donovan

NCangler

Sue Crocker

NCangler

Username

Password

Thread

Proper Setup for SAEF with File Upload

ExpressionEngine News!

Username

Password

Email Address

Display Name

Password