css in the head is not affecting dialog box like the panelgrid.
Kindly help me with this guys
Code: Select all
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:p="http://primefaces.org/ui" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
xmlns:pe="http://primefaces.org/ui/extensions" template="/templates/template.xhtml">
<ui:define name="head">
<style type="text/css">
.ui-datepicker.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
width: 100%;
}
.ui-inputfield, .ui-widget-content .ui-inputfield {
width: 100%;
}
</style>
</ui:define>
<ui:define name="content">
<p:panel header="Appointment" style="text-align:center; width:99%;">
<p:dialog id="viewPincode" modal="true" header="View Area Details" widgetVar="ViewPincodeDialog" draggable="true" closable="true" resizable="false" maximizable="false" minimizable="false" style="font-family:Arial; font-size:16px;"
appendToBody="true" width="40%" height="650px;" closeOnEscape="true" position="top">
<h:form id="pinForm">
<p:panelGrid id="agent_Det_Panel" columns="3" columnClasses="ui-grid-col-4,ui-grid-col-8,ui-grid-col-8" layout="grid">
<p:outputLabel value="Search By" for="pinnm" style="font-size:17px;" />
<p:selectOneMenu id="searchstring" value="#{patientregistrationbean.searchvariable}" style="width:70%">
<f:selectItem itemLabel="Select Search" itemValue="Select Search" />
<f:selectItem itemLabel="Post Name" itemValue="postname" />
<f:selectItem itemLabel="Pincode" itemValue="pincode" />
<p:ajax event="change" listener="#{patientregistrationbean.enableSearchString}" update="@form" />
</p:selectOneMenu>
<p:autoComplete id="pinnm" value="#{patientregistrationbean.searchpin}" completeMethod="#{patientregistrationbean.handleStringPincode}" scrollHeight="300" disabled="#{patientregistrationbean.disable_searchpin}" minQueryLength="4"
style="width:100%">
<p:ajax event="itemSelect" listener="#{patientregistrationbean.fetchRecord}" update="@form" />
</p:autoComplete>
</p:panelGrid>
<p:outputPanel id="datalist">
<p:dataTable id="display" var="ar" value="#{patientregistrationbean.areaRegisters}" paginator="true" rows="10" rowKey="#{ar.enumber}"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="5,10,15" tableStyleClass="table-layout:auto;" style="align:center; width:100%;"
reflow="true" rendered="#{patientregistrationbean.disable_searchpin eq true ? false:true}">
<p:columnGroup type="header">
<p:row>
<p:column headerText="State" width="60" />
<p:column headerText="District" width="70" />
<p:column headerText="PostName" width="100" />
<p:column headerText="Pincode" width="70" />
<p:column headerText="Select" width="70" />
</p:row>
</p:columnGroup>
<p:column>
<h:outputText value="#{ar.state}" />
</p:column>
<p:column>
<h:outputText value="#{ar.district}" />
</p:column>
<p:column width="10">
<h:outputText value="#{ar.postname}" />
</p:column>
<p:column>
<h:outputText value="#{ar.pincode}" />
</p:column>
<p:column>
<p:commandButton icon="fa fa-check FS1 white" title="View" oncomplete="PF('ViewPincodeDialog').hide();" action="#{patientregistrationbean.selectRecord}" styleClass="custombuttonfordatatable" update=":patreg_form:additionaldetails :pinForm">
<f:setPropertyActionListener value="#{ar}" target="#{patientregistrationbean.areaRegister}" />
</p:commandButton>
</p:column>
</p:dataTable>
</p:outputPanel>
</h:form>
</p:dialog>
<h:form>
<div class="layout-portlets-box">
<div class="Container Responsive50">
<div class="ContainerIndent TexAlCenter">
<p:panelGrid id="appointment_panelgrid" columns="4" columnClasses="ui-grid-col-4,ui-grid-col-8,ui-grid-col-4,ui-grid-col-8" layout="grid">
<p:outputLabel for="firstname" value="First Name" />
<p:inputText value="#{patientregistrationbean.firstname}" id="firstname" maxlength="30" tabindex="3">
<pe:keyFilter regEx="/[A-Za-z\-\.\ ]/i"></pe:keyFilter>
</p:inputText>
</p:panelGrid>
</div>
</div>
</div>
</h:form>
</p:panel>
</ui:define>
</ui:composition>