IDE内

ドラッグ・ソースとして使用するコンポーネントとコンポーネント属性を定義するステップが完了すると、ビジュアル・エディタは次のように表示されます。

エディタ・タブの真上にあるエディタ・ブレッドクラム・リンク（エディタ・ウィンドウの下端の近く）には、現在選択されているコンポーネントからそのもとの親コンポーネントにさかのぼるパスが表示されます。 パスの最後にあるコンポーネント（太字で表記）は現在選択されているコンポーネントであり、選択されたコンポーネントの前にあるコンポーネントの名前によって、親コンポーネントのパスが構成されます。 パスにある任意のコンポーネントをクリックすると、ページ上のそのコンポーネントが選択されます。

XMLソース・エディタでは、イメージ・コンポーネントのコードは次のように表示されます。

                         
<af:image source="/jdeveloper.png">
  <af:clientAttribute name="cup" value="Coffee"/>
  <af:attributeDragSource attribute="cup"/>
</af:image>