3

APEXのメイン・ページ(ログイン後)のような4つのボタンを使用して、Oracle APEXでページ(またはリージョン)を設計することは可能ですか?

私は試しましたが、それを行う方法がわかりません。
テーブルと HTML ボタンを使用してカスタム HTML を試しましたが、HTML ボタンが表示されません。

前もって感謝します。

4

3 に答える 3

7

APEXインターフェイス自体がAPEXに組み込まれているため、それは間違いなく可能です!

これは、4 つのボタンがあるページのページ ソースの一部です。

<div class="apex-list-horizontal">
 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4000:1500:1830284778179490:::::" title="Application Builder"><img src="/i/apex/builder/menu-appbuilder-128.gif" width="128" height="128" title="Application Builder" alt="Application Builder" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4000:1500:1830284778179490:::::" title="Application Builder">Application Builder</a>
  </div>
 </div>
 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4500:3002:1830284778179490::NO:::" title="SQL Workshop"><img src="/i/apex/builder/menu-sqlws-128.gif" width="128" height="128" title="SQL Workshop" alt="SQL Workshop" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4500:3002:1830284778179490::NO:::" title="SQL Workshop">SQL Workshop</a>
  </div>
 </div>
 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4800:4000:1830284778179490:::::" title="Team Development"><img src="/i/apex/builder/menu-teamdev-128.gif" width="128" height="128" title="Team Development" alt="Team Development" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4800:4000:1830284778179490:::::" title="Team Development">Team Development</a>
  </div>
 </div>
 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4350:1:1830284778179490:::::" title="Administration"><img src="/i/apex/builder/menu-admin-128.gif" width="128" height="128" title="Administration" alt="Administration" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4350:1:1830284778179490:::::" title="Administration">Administration</a>
  </div>
 </div>
</div>

各ボタンは次のフラグメントのようなものです。

 <div class="noncurrent">
  <div class="image">
    <a href="f?p=4000:1500:1830284778179490:::::" title="Application Builder"><img src="/i/apex/builder/menu-appbuilder-128.gif" width="128" height="128" title="Application Builder" alt="Application Builder" alt="" /></a>
  </div>
  <div class="label">
    <a href="f?p=4000:1500:1830284778179490:::::" title="Application Builder">Application Builder</a>
  </div>
 </div>

したがって、次のようなボタン テンプレートを作成できます。

 <div class="noncurrent">
  <div class="image">
    <a href="#LINK#" title="Application Builder"><img src="/myImages/#BUTTON_ATTRIBUTES#" width="128" height="128" title="#LABEL#" alt="#LABEL#" alt="" /></a>
  </div>
  <div class="label">
    <a href="#LINK#" title="#LABEL#">#LABEL#</a>
  </div>
 </div>

各ボタンでラベル、リンク URL を定義し、「ボタン属性」を使用して画像名を保持すると仮定しました。

これを実現する別の方法は、ボタンの定義 (ラベル、URL、画像の場所) をテーブルに保持し、次のようなレポートを作成することです。

select label, url, image_loc
from mybuttons
where ...;

これで、各行にテンプレートがあるレポート テンプレート (「行テンプレート」スタイル) を作成できます。

 <div class="noncurrent">
  <div class="image">
    <a href="#URL#" title="Application Builder"><img src="#IMAGE_LOC#" width="128" height="128" title="#LABEL#" alt="#LABEL#" alt="" /></a>
  </div>
  <div class="label">
    <a href="#URL#" title="#LABEL#">#LABEL#</a>
  </div>
 </div>
于 2012-08-16T14:11:24.407 に答える
2

リスト (共有コンポーネント) を作成し、「ラベル付き水平画像」テンプレートを使用できます。画像を #WORKSPACE_IMAGES# にアップロードし、リスト エントリごとに [画像] フィールドで適切な画像を選択します。

ページ 0 を作成し、そこにこのリスト リージョンを追加すると、アプリケーションのすべてのページに表示されます。

于 2012-08-19T22:53:00.103 に答える
2

このメニューは、Shared Components->Navigation->Lists機能で構築されています。

このドキュメントをチェックしてください: http://docs.oracle.com/cd/E17556_01/doc/user.40/e15517/nav.htm#CHDEEFAB

またはAPEX 3.2のこのドキュメント: http://docs.oracle.com/cd/E14373_01/appdev.32/e13363/issue_track_ui.htm#BGBIICHF

于 2012-08-16T15:02:56.677 に答える