How-to hide the close icon for task flows opened in dialogs
- by frank.nimphius
Normal
0
false
false
false
EN-US
X-NONE
X-NONE
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
ADF bounded task flows can be opened in an external dialog
and return values to the calling application as documented in chapter 19 of Oracle Fusion Middleware Fusion Developer's
Guide for Oracle Application Development Framework11g: http://download.oracle.com/docs/cd/E15523_01/web.1111/b31974/taskflows_dialogs.htm#BABBAFJB
Setting the task flow call activity property Run as Dialog to true and the Display Type property
to inline-popup opens the bounded
task flow in an inline popup. To launch the dialog, a command item is used that
references the control flow case to the task flow call activity
<af:commandButton text="Lookup"
id="cb6"
windowEmbedStyle="inlineDocument" useWindow="true"
windowHeight="300"
windowWidth="300"
action="lookup"
partialSubmit="true"/>
By default, the dialog that contains the task flow has a
close icon defined that if pressed closes the dialog and returns to the calling
page. However, no event is sent to the calling page to handle the close case.
To avoid users closing the dialog without the calling
application to be notified in a return listener, the close icon shown in the
opened dialog can be hidden using ADF Faces skinning.
Normal
0
false
false
false
EN-US
X-NONE
X-NONE
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
The following skin selector hides the close icon in the
dialog
af|panelWindow::close-icon-style{
display:none; }
To learn about skinning, see chapter 20 of Oracle Fusion
Middleware Web User Interface Developer's Guide for Oracle Application
Development Framework
http://download.oracle.com/docs/cd/E15523_01/web.1111/b31973/af_skin.htm#BAJFEFCJ
However, the skin selector that is shown above hides the
close icon from all af:panelWindow
usages, which may not be intended. To only hide the close icon from dialogs
opened by a bounded task flow call activity, the ADF Faces component styleClass property can be used.
The af:panelWindow
component shown below has a "withCloseWindow" style class property
name defined. This name is referenced in the following skin selector, ensuring
that the close icon is displayed
af|panelWindow.withCloseIcon::close-icon-style{
display:block; }
In summary, to hide the close icon shown for bounded task
flows that are launched in inline popup dialogs, the default display behavior
of the close icon of the af:panelWindow
needs to be reversed. Instead to always display the close icon, the close icon
is always hidden, using the first skin selector. To show the disclosed icon in
other usages of the af:panelWindow
component, the component is flagged with a styleClass
property value as shown below
<af:popup id="p1">
<af:panelWindow id="pw1"
contentWidth="300" contentHeight="300"
styleClass="withCloseIcon"/>
</af:popup>
The "withCloseIcon" value is referenced in the second
skin definition
af|panelWindow.withCloseIcon::close-icon-style{
display:block; }
The complete entry of the skin CSS file looks as shown
below:
af|panelWindow::close-icon-style{ display:none; }
af|panelWindow.withCloseIcon::close-icon-style{ display:block; }