ViewDialog Component

Description

The viewDialog component represents popup modal view. It is based on the standard HTML tag <IFrame>.

The viewDialog Component has the following capabilities :

  • IImageCapability
  • IStyleClassCapability
  • ITextCapability
  • ITextDirectionCapability
  • IVisibilityCapability
  • IDialogPriorityCapability
  • ISizeCapability
  • IHiddenModeCapability
  • ILookAndFeelCapability
  • IWAIRoleCapability
  • ICloseEventCapability
  • IClosableCapability
  • IImmediateCapability
  • IImageAccessorsCapability


The default viewDialog renderer is linked to the f_viewDialog javascript class. f_viewDialog extends f_dialog, fa_immediate


Table of component style classes:

Style Name Description
f_viewDialog Defines styles for the wrapper FRAME element

Screen Shot

Syntax

<v:viewDialog   
	width="440" 
	text="Title Dialog"
	height="135"   
	visible="true" 
	viewURL="$context/popup/messagePopup.jsf"
	closable="false"
	hiddenMode="client" >
		<f:selectItem itemLabel="content" itemValue="Aucun identifiant renseigne - Paiement sur compte d'attente, souhaitez vous continuer ?" />
		<f:selectItem itemLabel="optionalContent"  itemValue="Avec cette vertion il est possible de creer des fenetres avec plusieurs parametres" />
</v:viewDialog>
 

messagePopup.jsp :


<body>
	<h:form>
		<div class="pe_dialog_text" style="padding-top: 10px">
			<v:text text="#{requestScope.content}" />
		</div>
	
		<v:text type="div" styleClass="pe_dialog_text" rendered="#{!empty requestScope.optionalContent}" text="#{requestScope.optionalContent}" />
		
		<div>
			<v:imageButton styleClass="_button" lookId="_button"
				text="Annuler" width="96" actionListener="return f_shellManager.CloseShell(event, false)" />
			
			<v:imageSubmitButton
				styleClass="pe_submitButton" lookId="_button" text="Suivant"   actionListener="return f_shellManager.CloseShell(event, true)"  
				width="96" />
		</div>
	</h:form>
</body>

      

Instructions

Nota Bene: The viewDialog has a shellDecoratorName attribute which allows to change its javaScript based renderer