<?xml version="1.0" encoding="UTF-8"?>
<section>
  <sectioninfo>
    <keywordset>
      <keyword>modalPanel</keyword>
    </keywordset>
  </sectioninfo>

  <section>
<title>Description</title>
    <para>The component implements a modal dialog window. All operations in
    the main application window are locked out while this window is active.
    Opening and closing the window is done through client JavaScript
    code.</para>

    <figure>
      <title><emphasis role="bold"><property>&lt;rich:modalPanel&gt;</property></emphasis> component</title>

      <mediaobject>
        <imageobject>
          <imagedata fileref="images/mp_1.png" />
        </imageobject>
      </mediaobject>
    </figure>
  </section>

  <section>
    <title>Key Features</title>

    <itemizedlist>
      <listitem>Highly customizable look and feel</listitem>
      <listitem>Support of draggable operations and size changes by you</listitem>
      <listitem>Easy positioning for the modal dialog window</listitem>
      <listitem>Possibility to restore of the previous component state on a page (including position on the screen) after submitting and reloading</listitem>
    </itemizedlist>
  </section>
</section>