fileUpload alignment issue in h:panelGrid

[tasosioan7]

Hi to all.

I was wondering why fileUpload doesn't align correctly like other elements inside a h:panelgrid

The panelgrid code is:

Code: Select all

<h:panelGrid style="background-color:#C0C0C0" cellpadding="20"
							cellspacing="20" columns="2">

							<p:inputText id="inputText" style="width:100px;"
								value="#{quickProvisioningController.textFileChosen}"
								disabled="#{quickProvisioningController.manualEntryButtonActivationState}" />

							<p:fileUpload id="fileUpload" style="translateY(-10px);"
								fileUploadListener="#{quickProvisioningController.loadFileToStringList}"
								mode="advanced" auto="true" update="inputText"
								allowTypes="/(\.|\/)(txt)$/"
								disabled="#{quickProvisioningController.manualEntryButtonActivationState}" />

							<p:commandButton id="manualEntry" value="Manual entry" 
								disabled="#{!quickProvisioningController.manualEntryButtonActivationState}">
							</p:commandButton>

						</h:panelGrid>

And it looks like this:

[kukeltje]

cellPadding/cellSpacing?

[tasosioan7]

Yes, they are irrelevant with the problem. I tried removing or edit these. Besides, I want these for UI look and feel stuff.

I found a workaround, by wrapping fileUpload in a h:panelGroup, and also put an empty h:outputText above fileUpload,
so now it looks fine.