Index
Index 2
Why I use Linux and Firefox
HTML DB & Javascript
The Basics
Enable/Disable Form Items
HTML DB Javascript Remix
Show/Hide/Toggle Form Items
htmldb_Get Introduction
AJAX & DHTML
AJAX
Set Multiple Items
(AJAX) Auto Update Report
(AJAX) Collection Control
(AJAX) Process On Demand
(AJAX) Report Pull
(AJAX) Report Row with Detail
(AJAX) Select Items
(AJAX) Set Item Value
(AJAX) Tree
htmldb_Get Aysnc Extension
DHTML
Form Element Focus
Progress Meter On Submit
Region Tabs
Report Row With Detail (iframe)
Report Row with Detail
Shuttle (Item Based)
Shuttle (PL/SQL Based)
Smart Table
List (DHTML Tree)
Show/Hide Report Columns
HTML DB Usage
Linked Reports
HTML/CSS/Layout
HTML DB DHTML Tree
Region Position
Report Row Templates
Multi Region Form Layout
Vertical Aligned Regions
Layout Example
SVG / Canvas
Canvas #1
Custom Charts
Thermometer
Scatter (Coming Soon)
Timeline (Coming Soon)
SVG Knowledge Tree
Pie Chart CSS
Bar Spacing
Application Exports / CSS / JS
Complex Report Layout
Index
>
HTML DB Layout
>
Complex Report Layout
Complex Report Layout
Select Pagination
row(s) 1 - 1 of 8
2 - 2 of 8
3 - 3 of 8
4 - 4 of 8
5 - 5 of 8
6 - 6 of 8
7 - 7 of 8
8 - 8 of 8
Next
Clio Baldwin
ID :
44
CAT_ID :
1
CAT_NAME :
Category 1
DESCRIPTION
sapien, cursus in, hendrerit consectetuer, cursus et, magna. Praesent interdum
RANDOM_DATA
leo elementum sem, vitae
RANDOM_DATA2
Cum sociis natoque penatibus et
Select Pagination
row(s) 1 - 1 of 8
2 - 2 of 8
3 - 3 of 8
4 - 4 of 8
5 - 5 of 8
6 - 6 of 8
7 - 7 of 8
8 - 8 of 8
Next
Code
Row Template 1
<style> .complex{width:600px;border:2px solid #ddd;padding:10px 15px;background:#eee;} .complex textarea{width:100%;height:100px;border:2px solid #ccc;} .complex h1{font-size:1.5em;} .complex h2{font-size:.8em;margin:2px 0 0 0;} .complex table{margin:5px 0 20px 0;background:#ddd;width:100%} .complex tr *{border-bottom:1px solid #333;padding:2px 4px;} .complex th{text-align:right;white-space:nowrap;} .complex td{width:100%;} </style> <div class="complex"> <h1 class="title">#NAME#</h1> <table cellpadding="0" border="0" cellspacing="0" summary="Item Properties"> <tr><th>ID :</th><td> #ID#</td></tr> <tr><th>CAT_ID :</th><td> #CAT_ID#</td></tr> <tr><th>CAT_NAME :</th><td> #CAT_NAME#</td></tr> </table> <h2>DESCRIPTION</h2> <textarea>#DESCRIPTION#</textarea> <h2>RANDOM_DATA</h2> <textarea>#RANDOM_DATA#</textarea> <h2>RANDOM_DATA2</h2> <textarea>#RANDOM_DATA2#</textarea> </div>
Before Rows
After Rows
Info
Forum Thread