Code of Our Lives

This post demonstrates how an ADF Faces ProgressIndicator can be used to display the progress of a file upload.

The sample application is built in JDeveloper 10.1.3.2. You can download the sample workspace from here. The workspace does not need a database connection to run.
Sample Application

The sample application consists of one page that allows the user to upload files to the server. When the upload starts, a progress indicator displays the current status of the upload operation. The uploaded files are not stored anywhere.
Controlling the progressIndicator
<f:view> <afh:html> <afh:head title="FileUpload"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/> <afh:script source="progressIndicator.js"/> </afh:head> <afh:body onload="deactivateProgressIndicators();"> <af:messages/> <af:form usesUpload="true"> <af:inputHidden id="fileUploadSt…

This post demonstrates a custom showDetailFrame that is built using regular ADF Faces components. Hence no additional license is needed to use it. (You need a WebCenter license if you use the new showDetailFrame component. The issue is explained in this OTN thread )

The sample application is built in 10.1.3.2. It does not require a database connection to run. You can download the workspace from here.
Sample Application

The application contains a page built with custom ShowDetailFrame and another page built with the original component.
Custom ShowDetailFrameOriginal ShowDetailFrame
Below is the JSP and the JavaScript code of the custom showDetailFrame.
<f:view> <afh:html> <afh:head title="Show Custom Detail Frame"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/> <script type="text/javascript" src="customFrame.js"></script> </afh:head> <afh:body onload="onLoad();&…