Edit D:\app\Administrator\product\11.2.0\dbhome_1\apex\images\doc\ui_layout.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>Using the Drag and Drop Layout Page</title> <meta name="generator" content="Oracle DARB XHTML Converter (Mode = ohj/ohw) - Version 5.1" /> <meta name="date" content="2009-04-14T16:11:28Z" /> <meta name="robots" content="noarchive" /> <meta name="doctitle" content="Using the Drag and Drop Layout Page" /> <meta name="relnum" content="Release 3.2" /> <meta name="partnum" content="E11947-01" /> <link rel="copyright" href="dcommon/html/cpyr.htm" title="Copyright" type="text/html" /> <link rel="stylesheet" href="dcommon/css/blafdoc.css" title="Oracle BLAFDoc" type="text/css" /> <link rel="contents" href="toc.htm" title="Contents" type="text/html" /> <link rel="up" href="preface.htm" title="Home" type="text/html" /> <link rel="up" href="bldapp.htm" title="Building an Application" type="text/html" /> <link rel="up" href="bldapp_item.htm" title="Understanding Page-Level Items" type="text/html" /> <link rel="up" href="ui_layout.htm" title="Using the Drag and Drop Lay..." type="text/html" /> <link rel="prev" href="bldapp_item_edit.htm" title="Previous" type="text/html" /> <link rel="next" href="bldapp_item_values.htm" title="Next" type="text/html" /> </head> <body> <p id="BREADCRUMBING"><a href="preface.htm" title="Home">Home</a> > <a href="bldapp.htm" title="Building an Application">Building an Application</a> > <a href="bldapp_item.htm" title="Understanding Page-Level Items">Understanding Page-Level Items</a> > Using the Drag and Drop Lay...</p> <table class="simple oac_no_warn" summary="" cellspacing="0" cellpadding="0" width="100%"> <col width="86%" /> <col width="*" /> <tr valign="bottom"> <td align="left"></td> <td align="center"><a href="bldapp_item_edit.htm"><img src="dcommon/gifs/leftnav.gif" alt="Previous" /><br /> <span class="icon">Previous</span></a> </td> <td align="center"><a href="bldapp_item_values.htm"><img src="dcommon/gifs/rightnav.gif" alt="Next" /><br /> <span class="icon">Next</span></a></td> </tr> </table> <p><a id="CHDBJGCD" name="CHDBJGCD"></a></p> <div class="sect2"><!-- infolevel="all" infotype="General" --> <h1><a name="HTMDB25328" id="HTMDB25328"></a>Using the Drag and Drop Layout <a id="sthref947" name="sthref947"></a>Page</h1> <p>You can use the Drag and Drop Layout page to interactively reorder items within a given region, change select item attributes, create items, or delete existing items.</p> <a id="sthref948" name="sthref948"></a> <p class="subhead2">Topics:</p> <ul> <li> <p><a href="#CHDIGIFE">Accessing the Drag and Drop Layout Page</a></p> </li> <li> <p><a href="#CHDGCFJG">About the Drag and Drop Layout Page</a></p> </li> <li> <p><a href="#CHDICABE">Creating a New Item</a></p> </li> <li> <p><a href="#CHDCHIFE">Editing Existing Items</a></p> </li> <li> <p><a href="#CHDCEBGI">Deleting Items</a></p> </li> </ul> <div align="center"> <div class="inftblnotealso"><br /> <table class="NoteAlso oac_no_warn" summary="" cellpadding="3" cellspacing="0"> <tbody> <tr> <td align="left"> <p class="notep1">See Also:</p> <a href="bldapp_item_pg_create.htm#CHDFDDII">"Creating Multiple Items Using Drag and Drop"</a></td> </tr> </tbody> </table> <br /></div> <!-- class="inftblnotealso" --></div> <a id="CHDIGIFE" name="CHDIGIFE"></a> <div class="sect3"><!-- infolevel="all" infotype="General" --> <h2><a name="HTMDB25329" id="HTMDB25329"></a>Accessing the <a id="sthref949" name="sthref949"></a>Drag and Drop Layout Page</h2> <p>You access the Drag and Drop Layout page by either:</p> <ul> <li> <p>Clicking the <span class="bold">Drag and drop</span> icon on the Page Definition. See <a href="bldapp_item_pgdef.htm#CHDHHFGI">"About the Drag and Drop Icon"</a>.</p> </li> <li> <p>Clicking the <span class="bold">Reorder Regions Items</span> icon and selecting the <span class="bold">Drag and Drop Layout</span> tab. See <a href="bldapp_but_edit.htm#CHDIIIIA">"Using the Reorder Buttons Icon"</a>.</p> </li> </ul> <div align="center"> <div class="inftblnotealso"><br /> <table class="NoteAlso oac_no_warn" summary="" cellpadding="3" cellspacing="0"> <tbody> <tr> <td align="left"> <p class="notep1">See Also:</p> <a href="bldapp_item_diffs.htm#BCEFHBHG">"Differences Between Page Items and Application Items"</a></td> </tr> </tbody> </table> <br /></div> <!-- class="inftblnotealso" --></div> </div> <!-- class="sect3" --> <a id="CHDGCFJG" name="CHDGCFJG"></a> <div class="sect3"><!-- infolevel="all" infotype="General" --> <h2><a name="HTMDB25330" id="HTMDB25330"></a>About the Drag and Drop <a id="sthref950" name="sthref950"></a>Layout Page</h2> <p>The Drag and Drop Layout page is divided into two sections: Item palette and Layout region.</p> <img src="img/drag_drap_pg.gif" alt="Description of drag_drap_pg.gif follows" title="Description of drag_drap_pg.gif follows" longdesc="img_text/drag_drap_pg.htm" /><br /> <a id="sthref951" name="sthref951" href="img_text/drag_drap_pg.htm">Description of the illustration drag_drap_pg.gif</a><br /> <br /> <p>The <span class="bold">Item palette</span> displays on the left side of the page. You add items by clicking an item type on the palette and dragging it to the correct position in the Layout region. Note that when you position the cursor over an item type, a tooltip appears.</p> <p>Use the right side of the page (or <span class="bold">Layout region</span>) to position items. To move an item vertically, click the <span class="bold">Add Row</span> button to insert an empty row. Then drag and drop the item into the empty row.</p> <div align="center"> <div class="inftblnotealso"><br /> <table class="NoteAlso oac_no_warn" summary="" cellpadding="3" cellspacing="0"> <tbody> <tr> <td align="left"> <p class="notep1">See Also:</p> <a href="#CHDCEBGI">"Deleting Items"</a></td> </tr> </tbody> </table> <br /></div> <!-- class="inftblnotealso" --></div> </div> <!-- class="sect3" --> <a id="CHDICABE" name="CHDICABE"></a> <div class="sect3"><!-- infolevel="all" infotype="General" --> <h2><a name="HTMDB25331" id="HTMDB25331"></a>Creating a <a id="sthref952" name="sthref952"></a>New Item</h2> <p>To create a new item on the Drag and Drop Layout page:</p> <ol> <li> <p>Navigate to the Drag and Drop Layout page. See <a href="#CHDIGIFE">"Accessing the Drag and Drop Layout Page"</a>.</p> </li> <li> <p>Click an item type in the Item palette on the left side of the page and drag it to the appropriate location in the Layout region.</p> <p>Note that when you position the cursor over an item type, a tooltip appears.</p> </li> <li> <p>You can reposition the item:</p> <ul> <li> <p>To move an item horizontally, select the item and drag it to the appropriate position on the page.</p> </li> <li> <p>To insert an existing or new item between two existing rows, click the <span class="bold">Add Row</span> button and drag it between the existing rows. This creates an empty row where you can then move the item.</p> </li> </ul> </li> <li> <p>Edit the item attributes at the of the page.</p> <ol> <li> <p>Display Name - Enter an item name. Use this name to retrieve the value of the item. Item names longer than 30 characters cannot be referenced using bind variable syntax.</p> </li> <li> <p>Label - Enter the label for this item. You may include HTML, JavaScript, and shortcuts. You can also use the substitution string <code>#CURRENT_ITEM_NAME#</code> to obtain the name of the item associated with this label.</p> </li> <li> <p>Display Type - Select a display type (if applicable). Note that the select list is restricted to options corresponding to the type of item you are creating. See <a href="bldapp_item_pg_create.htm#BCEDCGGH">"About Item Types"</a>.</p> </li> </ol> </li> <li> <p>Click <span class="bold">Next</span>.</p> </li> <li> <p>Optionally, edit the each item's Name and Label.</p> </li> <li> <p>Click <span class="bold">Apply Changes</span>.</p> </li> </ol> <div align="center"> <div class="inftblnotealso"><br /> <table class="NoteAlso oac_no_warn" summary="" cellpadding="3" cellspacing="0"> <tbody> <tr> <td align="left"> <p class="notep1">See Also:</p> <a href="bldapp_item_pg_create.htm#CHDFDDII">"Creating Multiple Items Using Drag and Drop"</a> and <a href="bldapp_item_edit.htm#CEGEDBGC">"Editing Page Item Attributes"</a></td> </tr> </tbody> </table> <br /></div> <!-- class="inftblnotealso" --></div> <div class="sect4"><!-- infolevel="all" infotype="General" --><a id="sthref953" name="sthref953"></a> <h3><a name="HTMDB25332" id="HTMDB25332"></a>About List of Values</h3> <p>If you create an item that requires a list of values (LOV), the Drag and Drop Layout Wizard creates a static inline LOV for you. Note you must edit and fix this LOV once you complete the layout process.</p> <div align="center"> <div class="inftblnotealso"><br /> <table class="NoteAlso oac_no_warn" summary="" cellpadding="3" cellspacing="0"> <tbody> <tr> <td align="left"> <p class="notep1">See Also:</p> <a href="bldapp_item_pg_create.htm#CHDCDAEA">"Creating a Static List of Values"</a></td> </tr> </tbody> </table> <br /></div> <!-- class="inftblnotealso" --></div> </div> <!-- class="sect4" --></div> <!-- class="sect3" --> <a id="CHDCHIFE" name="CHDCHIFE"></a> <div class="sect3"><!-- infolevel="all" infotype="General" --> <h2><a name="HTMDB25333" id="HTMDB25333"></a>Editing Existing <a id="sthref954" name="sthref954"></a>Items</h2> <p>To edit an existing item on the Drag and Drop Layout page:</p> <ol> <li> <p>Navigate to the Drag and Drop Layout page. See <a href="#CHDIGIFE">"Accessing the Drag and Drop Layout Page"</a>.</p> </li> <li> <p>To reposition the item:</p> <ul> <li> <p>To move an item horizontally, select the item and drag it to the appropriate position on the page.</p> </li> <li> <p>To insert an existing or new item between two existing rows, click the <span class="bold">Add Row</span> button and drag it between the existing rows. This creates an empty row where you can then move the item.</p> </li> </ul> </li> <li> <p>If required, select an item and edit its attributes at the of the page.</p> <ol> <li> <p>Display Name - Enter an item name. Use this name retrieve the value of the item. Item names longer than 30 characters cannot be referenced using bind variable syntax.</p> </li> <li> <p>Label - Enter the label for this item. You may include HTML, JavaScript, and shortcuts. You can also use the substitution string <code>#CURRENT_ITEM_NAME#</code> to obtain the name of the item associated with this label.</p> </li> <li> <p>Display Type - Select a display type (if applicable). Note that the select list is restricted to options corresponding to the type of item you are creating. See <a href="bldapp_item_pg_create.htm#BCEDCGGH">"About Item Types"</a>. See <a href="bldapp_item_pg_create.htm#BCEDCGGH">"About Item Types"</a>.</p> </li> </ol> </li> <li> <p>Click <span class="bold">Next</span>.</p> </li> <li> <p>Optionally, edit the each item's Name and Label.</p> </li> <li> <p>Click <span class="bold">Apply Changes</span>.</p> </li> </ol> <div align="center"> <div class="inftblnote"><br /> <table class="Note oac_no_warn" summary="" cellpadding="3" cellspacing="0"> <tbody> <tr> <td align="left"> <p class="notep1">Note:</p> To change the region in which an item resides, you must edit the item attributes. See <a href="bldapp_item_edit.htm#CEGEDBGC">"Editing Page Item Attributes"</a>.</td> </tr> </tbody> </table> <br /></div> <!-- class="inftblnote" --></div> </div> <!-- class="sect3" --> <a id="CHDCEBGI" name="CHDCEBGI"></a> <div class="sect3"><!-- infolevel="all" infotype="General" --> <h2><a name="HTMDB25334" id="HTMDB25334"></a>Deleting <a id="sthref955" name="sthref955"></a>Items</h2> <p>To delete an item, click it and drag it to the Recycle box at the bottom of the page. If you delete an existing item, it appears in the Recycle box and can be retrieved until you click <span class="bold">Apply Changes</span> on the next page. Note that if you drop a new item you have just created in the Recycle box, it instantly disappears and cannot be retrieved.</p> </div> <!-- class="sect3" --></div> <!-- class="sect2" --> <!-- Start Footer --> <div class="footer"> <table class="simple oac_no_warn" summary="" cellspacing="0" cellpadding="0" width="100%"> <col width="86%" /> <col width="*" /> <tr> <td align="left"><span class="copyrightlogo">Copyright © 2003, 2009, Oracle and/or its affiliates. All rights reserved.</span><br /> <a href="dcommon/html/cpyr.htm"><span class="copyrightlogo">Legal Notices</span></a></td> <td align="center"><a href="bldapp_item_edit.htm"><img src="dcommon/gifs/leftnav.gif" alt="Previous" /><br /> <span class="icon">Previous</span></a> </td> <td align="center"><a href="bldapp_item_values.htm"><img src="dcommon/gifs/rightnav.gif" alt="Next" /><br /> <span class="icon">Next</span></a></td> </tr> </table> </div> <!-- class="footer" --> </body> </html>
Ms-Dos/Windows
Unix
Write backup
jsp File Browser version 1.2 by
www.vonloesch.de