p:fileUpload listener not being called

[davidH-zed]

Hi, I am new to this so please bear with me, I am using PF version 13. In the code below the listener bean function defined in p:fileUpload is not being called unless I put that single element inside its own form but then the update attribute cannot see the enclosing panel elements.

<h:form>
<p:panel id="brandingPanel" visible="#{companyBean.viewBranding}">
	<div class="row internal-panel" style="margin-bottom:10px" >
		<h:outputText value="Branding:"   styleClass="font-medium label-color" />
	</div>
	<p:outputPanel class="row internal-panel" style="display:flex;flex-direction:column;margin-top:10px" >
						             	
		<p:outputPanel class="row" style="display:flex;flex-direction:row;margin-top:20px" >
			<p:outputPanel  style="width:14%;text-align:right;padding-top:10px;padding-right:30px" >
				<h:outputLabel class="font-normal label-color" >Logo Image File:</h:outputLabel>
			</p:outputPanel>

			<p:outputPanel style="width:45%;text-align:left;padding-left:10px" >												
			          <p:fileUpload listener="#{companyBean.uploadLogo}" 
						mode="advanced" dragDropSupport="false"  sizeLimit="10000000"
				                 update="messages brandingPanel"  
				                  process="@this"
				                   fileLimit="5" allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />
			</p:outputPanel>

			<p:outputPanel  style="width:40%;text-align:left;padding-left:20px" >
			            <p:graphicImage value="#{companyBean.logoImage}" width="90%" height="auto" /> 
			 </p:outputPanel>
		</p:outputPanel>

	</p:outputPanel>
</p:panel>
</h:form>

[melloware]

Can you try it like this...

<h:form enctype="multipart/form-data">

That is how the showcase has it? https://www.primefaces.org/showcase/ui/file/upload/single.xhtml

Are you getting any Javascript errors on the F12 console?

[davidH-zed]

Hi, thanks for prompt reply, updated code to
<h:form enctype="multipart/form-data" >
but sill no luck

[melloware]

Please provide an executable example using the PrimeFaces Test project. It is the only way developers can debug your problem to help.

That small reporoducer project will help us and you figure it out if you can reproduce the issue.

[davidH-zed]

Hi, found the issue, I had

<h:outputStylesheet name="styles.css" library="css" />
<u:include src="../../templates/settings/tabs.xhtml" />

inside the <h:form>
ie.

<h:form>
<h:outputStylesheet name="styles.css" library="css" />
<u:include src="../../templates/settings/tabs.xhtml" />

which seemed to mask the form, changed it to:

<h:outputStylesheet name="styles.css" library="css" />
<u:include src="../../templates/settings/tabs.xhtml" />
<h:form>

and it worked fine

[davidH-zed]

See last comment

[melloware]

I marked it as the answer! Thanks for reporting back.