date button on dialog

[spadovan]

The date button displayed in a dialog is not overlapping perfectly the input item.

Code: Select all

	<p:dialog id="TipoFascicoloEditDlg" widgetVar="TipoFascicoloEditDialog" modal="true"
			  resizable="true" closeOnEscape="true" width="90%"
			  appendTo="@(body)" header="#{l.dettaglio}" footer="#{l.footer}" >
		<h:form id="TipoFascicoloEditForm">
			<div class="ui-fluid">
				<h:panelGroup id="display">
					<p:panelGrid columns="4" columnClasses="ui-grid-col-2,ui-grid-col-4,ui-grid-col-2,ui-grid-col-4"
								 layout="grid" styleClass="ui-panelgrid-blank"
								 rendered="#{tipoFascicoloController.selected != null}">
						<p:outputLabel value="#{l.id}" for="id" />
						<p:inputText id="id" value="#{tipoFascicoloController.selected.id}" required="false" disabled="true"/>

						<p:outputLabel value="#{l.dataFine}" for="dataFine" />
						<p:calendar id="dataFine" pattern="dd/MM/yyyy" value="#{tipoFascicoloController.selected.dataFine}" showOn="button" disabled="#{tipoFascicoloController.readonly}"/>
                                         </p:panelGrid>
				</h:panelGroup>
			</div>
		</h:form>
	</p:dialog>

[img]
http://imgur.com/a/7pgmg
[/img]

[mert.sincan]

Please try;

Code: Select all

.ui-fluid .ui-calendar {
   height: 100%;
}

[spadovan]

It works, thanks

[mert.sincan]

Glad to hear, thanks for the update!