Displaying 20 checkboxes in three columns

In order to display a database item (table 1) item as check box.
the values of chexk boxes are the results of another table with 20 records (table2), this I will have 20 check box in my form.
I proceed like the following :
I created a region with type is SQL Query ,
the query is :
select x.name, x.code
from (select wwv_flow_item.display_and_save(1, table2.name) as name, htmldb_item.checkbox (2, table2.code, null, decode (table1.code_..., null, 0, table2.code)) as code
from table2 table2 left outer join table1 table1
on table2.code = table1.code_..and table1.code_ = :page_CODE) x
ANYWAY, the I have my result, BUT ,
because I have 20 cheeck boxex, I want to display them
in a way that they appear in three columns.
How can I change my query or how can I do it???????
NOTE : using Lists is not a solution for me!!!!
Thanks for any Help!

First "392451", asking Raj the same question twice within a span of 16 hours will probably not get your question answered any faster. He is only one man and has a lot of questions coming in, not to mention other job responsibilities. Second, he's on the West coast, so is not up yet.
Now on to your answer. I've used this phrase before, and it definitely applies here: This is not an HTML DB 101 answer. You asked a challenging question (and a good one at that), so the answer may challenge you a bit too. I'll use the emp table which has 14 rows for this example, but this should work for any table.
First, lets get the empno and ename columns to use for our checkboxes. I'm going to create 2 additional columns, col_num and grp_by to use in the next step. The text description of "col_num" from the inside-out is: take the rownum, now divide it by 3 and give me the remainder (mod(n,3)) which will return 0,1, or 2, then replace any of the 0's with 3's so it will return 1,2 or 3. We will use these numbers for our 3 columns in the next step.
The grp_by column is simply the rownum divided by 3, rounded up to the next highest integer. The results of rownum divided by 3 for the first 3 rows are .33, .66, and 1. When you apply ceil(n) to these, they all become 1. This will give us a column to group by in the final step.
All of these queries can be run in SQL Workshop, assuming the schema you run it as has access to the emp table.
OK, let's start with the first query:
select empno,ename,
       replace(mod(rownum,3),0,3) col_num /* alias to col_num */,
       ceil(rownum/3) grp_by /* alias to grp_by */
      from(
            select empno,ename
              from emp
             order by ename)
     EMPNO ENAME      COL_NUM                                      GRP_BY
      7876 ADAMS      1                                                 1
      7499 ALLEN      2                                                 1
      7698 BLAKE      3                                                 1
      7782 CLARK      1                                                 2
      7902 FORD       2                                                 2
      7900 JAMES      3                                                 2
      7566 JONES      1                                                 3
      7839 KING       2                                                 3
      7654 MARTIN     3                                                 3
      7934 MILLER     1                                                 4
      7788 SCOTT      2                                                 4
      7369 SMITH      3                                                 4
      7844 TURNER     1                                                 5
      7521 WARD       2                                                 5Now, let's pivot the rows to columns. Any row with a value of col_num = 1 will be in the first column, col_num=2 will be in the second column, etc...
select decode(col_num,1,empno||'-'||ename) col1,
       decode(col_num,2,empno||'-'||ename) col2,
       decode(col_num,3,empno||'-'||ename) col3
  from(
    select empno,ename,
           replace(mod(rownum,3),0,3) col_num /* alias to col_num */,
           ceil(rownum/3) grp_by /* alias to grp_by */
          from(
                select empno,ename
                  from emp
                 order by ename))
COL1         COL2        COL3
7876-ADAMS 
             7499-ALLEN
                         7698-BLAKE
7782-CLARK 
             7902-FORD
                         7900-JAMES
7566-JONES 
             7839-KING
                         7654-MARTIN
7934-MILLER
             7788-SCOTT
                         7369-SMITH
7844-TURNER
             7521-WARDNow, we need to "compress" our results so the empty gaps are filled in. This is where the grp_by column comes in. I'll add a max() around the the_col1 etc column so I can use a group by on the query. I will then group by the grp_by column:
select max(decode(col_num,1,empno||'-'||ename)) col1,
       max(decode(col_num,2,empno||'-'||ename)) col2,
       max(decode(col_num,3,empno||'-'||ename)) col3
  from(
    select empno,ename,
           replace(mod(rownum,3),0,3) col_num /* alias to col_num */,
           ceil(rownum/3) grp_by /* alias to grp_by */
          from(
                select empno,ename
                  from emp
                 order by ename))
group by grp_by
COL1         COL2          COL3
7876-ADAMS   7499-ALLEN    7698-BLAKE
7782-CLARK   7902-FORD     7900-JAMES
7566-JONES   7839-KING     7654-MARTIN
7934-MILLER  7788-SCOTT    7369-SMITH
7844-TURNER  7521-WARD    Now, simply replace the empno concatenated to ename with a call to htmldb_item.checkbox. Use the "col_num" column for the value p_idx,and the empno column for the value of p_value. Then concatenate in initcap(ename) so the checkbox has a label:
select max(decode(col_num,1,htmldb_item.checkbox(col_num,empno)||initcap(ename))) col1,
       max(decode(col_num,2,htmldb_item.checkbox(col_num,empno)||initcap(ename))) col2,
       max(decode(col_num,3,htmldb_item.checkbox(col_num,empno)||initcap(ename))) col3
  from(
    select empno,ename,
           replace(mod(rownum,3),0,3) col_num /* alias to col_num */,
           ceil(rownum/3) grp_by /* alias to grp_by */
          from(
                select empno,ename
                  from emp
                 order by ename))
group by grp_by
(Can't display the results here.  Try in SQL Workshop.)Good luck,
Tyler

Similar Messages

  • Problem with displaying same field in three columns

    Hi
    I am using reports developer 11g and I have created a report which displays only one field (column), which is id_number as output but I have a problem now.
    I would like to display the id_number in three columns on one page to save paper, that is, I want to show the first 20 (1 - 20) id_numbers in one column going down, then display the next 20 id_numbers (21 - 40) on the second column on the same page and the next 20 (41 - 60) on the third column still on the same page. If there are more than 60 id_numbers, they should be printed on the next page again in three columns, and so on until all the id_numbers are displayed. How can I achieve this? Could you please assist me?
    Thanks.

    Andreas, I think I am missing something here. I have done what you have said but still the id_numbers are all being displayed
    in the first column and jumps on to the next page without displaying the id_numbers across the page in columns.
    My data model contains a group with not only the id_number but has other fields which I am not displaying.
    I am only using the other fields just to use them in conditions to select only id_numbers which meet a certain criteria which I then display in the report.
    I have created a repeating frame for that group and changed the orientation property to Down/Across. Within that frame, I have a field for the id_number
    which I want displayed in three columns, running across the page as I have already told you. Please help.
    Thanks.

  • First, Last name fields in Numbers -- Three columns on iWeb page

    I'm new to this (both Numbers and iWeb) and I'm trying to help someone with their page (it's for a local candidate).  They have an excel spreadsheet with names and a bunch of other stuff.  they want to put the list of first and last names on their "supporters" webpage, separated by a space, without having to do it manually -- at this point about 900 such names.
    I can get the names out of Excel and into Numbers, obviously.  And I think I know how to get the list into iWeb, if I can generate it (using an iWeb snippet, which I'd also love help with if anyone here knows THAT as well).
    What I can't seem to do is create a list, in three columns, with First name (single space) last name.  Whatever I put in the formula bar seems not to do anything. And I haven't even BEGUN to figure out how to generate the three-column list.
    Any help would be gratefully appreciated.  As dunce-worthy as possible -- believe me, I won't be offended if anyone talks down to me.

    Hi d,
    I think it's the "three column specification that's throwing me. You might need to clarify that.
    The names are currently entered with First names in one column and Last names in the adjacent column. Here's a way to combine the first and last names into a "full name".
    In the "Full" column, the formula is:
    =B&" "&C
    In Last, First, the formula is:
    =C2&", "&B
    To list the names in a three column table in iWeb, you may need to start with a three column table in Numbers. This one pulls the names from column D (Full) of the table above, and distributes them into three columns. The original table has had four names added, and has been sorted.
    Note that the original table has been named "Data".
    The Data table contains the formula(s) shown above.
    The second table, "Aux", calculates the number of cells needed in each of the three columns so that no column is more than one cell longer than the shortest. Doing this calculation in an auxiliary table greatly simplifies the formulas needed in the final table.
    This table contains a single formula, entered in B2, and filled right to D2. Note that A2 is referenced in the formulas in the final table, "3 Columns". A2 may be empty, contain text, or contain the number zero.
    B2 (and fill right): =QUOTIENT(COUNTA(Data :: $C),3)+IF(MOD(COUNTA(Data :: $C),3)>COLUMN()-2,1,0)
    The third table, "3 Columns" displays the names in three columns.
    It contains a single formula, placed in A1 and filled right to column C and down to row 10.
    3 Columns::A1 (and fill right and down): =IF(ROW()<=Aux::B$2,OFFSET(Data :: $A$1,SUM(Aux::$A$2:A$2,ROW()),3),"")
    Descriptions and further examples for the functions used may be found in the iWork Formulas and Functions User Guide. The guide may be downloaded via the Help menu in Numbers.
    Regards,
    Barry

  • Check all checkboxes in a column of a tabular form

    Hi,
    I think this can be useful for some people.. I have a tabular form with several columns containing checkboxes. I wanted to be able to check or uncheck a whole column. The problem is that I didn't find a function to do this. So I modified (and renamed) the $f_CheckFirstColumn(pNd) function.
    In "edit page > JavaScript Function and Global Variable Declaration", add this :
    function $f_CheckNthColumn(c,n){
         var e=$x_UpTill(c,"TABLE");
         for(var d=0,a=e.rows.length;d<a;d++){
              var b=$x_FormItems(e.rows[d],"CHECKBOX")[n];
              if(b){
                   if(b.checked != c.checked) {
                        b.click();
         return;
    }EDIT : The status of the checkboxes checked with the function below is not passed when submitting the form (it is passed when clicking on every checkbox). This is why I had to use the click() function (so that onClick is triggered).
    --function $f_CheckNthColumn(c,n){
         var e=$x_UpTill(c,"TABLE");
         var f=[];
         for(var d=0,a=e.rows.length;d<a;d++){
              var b=$x_FormItems(e.rows[d],"CHECKBOX")[n];
              if(b){
                   f[f.length]=b;
         $f_CheckAll(false,c.checked,f);
         return f;
    And in the report column header :
    <input type="checkbox" onClick="$f_CheckNthColumn(this, NUMBER);" />NUMBER being the column number (1st column containing checkboxes = 0, 2nd column containing checkboxes = 1, etc.)
    I'm using APEX 4.1.1.00.23, so I can not guarantee It'll work on other versions.
    Hope this can help !
    Edited by: ben0123 on Jul 13, 2012 12:12 AM
    Edited by: ben0123 on Jul 13, 2012 1:17 AM

    Glad it helped :)
    If you have only one checkbox that is conditional, you could change the $f_CheckNthColumn function by adding this kind of condition :
    if ($x_FormItems(e.rows[d],"CHECKBOX").length == max_number_of_checkboxes || n < position_of_conditional_checkbox) toggle checkbox(n); // all the checkboxes are displayed, or the nth checkbox is before the conditional checkbox
    else // one (or more?) checkbox is missing
      if (n == position_of_conditional_checkbox) do nothing;
      else toggle checkbox(n-1);

  • Help with "clearing" in three column format

    The code is pasted in below of a three column page I have created.  However, the background color in the sidebars does not reach to the footer it follows the content.  I know that I need to "clear" the columns but as a newbie I'm not sure how to do so.  Any help would be appreciated.
    Thanks!
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #CCC;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    .thrColLiqHdr #container {
    width: 80%;  /* this will create a container 80% of the browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
    .thrColLiqHdr #header {
    background: #DDDDDD;
    padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    .thrColLiqHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    /* Tips for sidebars:
    1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width.
    2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
    3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
    .thrColLiqHdr #sidebar1 {
    float: left; /* this element must precede in the source order any element you would like it be positioned next to */
    width: 30%; /* since this element is floated, a width must be given */
    background: #3399FF; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div  */
    .thrColLiqHdr #sidebar2 {
    float: right; /* this element must precede in the source order any element you would like it be positioned next to */
    width: 30%; /* since this element is floated, a width must be given */
    background: #3399FF; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div */
    .thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
    margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 10px;
    /* Tips for mainContent:
    1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
    2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
    3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
    .thrColLiqHdr #mainContent {
    margin: 0 24% 0 23.5%; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
    .thrColLiqHdr #footer {
    padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#DDDDDD;
    .thrColLiqHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
    clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    a:link {
    text-decoration: none;
    color: #000;
    a:visited {
    text-decoration: none;
    color: #000;
    a:hover {
    text-decoration: none;
    a:active {
    text-decoration: none;
    -->
    </style><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
    .thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]--></head>
    <body class="thrColLiqHdr">
    <div id="container">
    <div id="header">
        <h1>Header</h1>
      <!-- end #header --></div>
      <div id="sidebar1">
    <h3>Today's Top Health News</h3>
        <p>Vitmains C and E cleared in melanoma scare. </p>
    <p>Older men often binge drink, too</p>
    <p>Short kids are psychologically OK</p>
    <p>New drug for schizophrenia and bipolar disorder approved</p>
    <p>Mediterrenean Diet plus exercise lowers risk of Alzheimer's Disease</p>
    <p>Not enough sleep may raise the risk of diabetes</p>
      <!-- end #sidebar1 --></div>
      <div id="sidebar2">
        <h3>Podcasts: In-depth, awarding winning Radio Health Journal Reporting</h3>
        <p><img src="../graphics/I-am-safe-now.jpg" width="106" height="80" align="left" />
    <p>Perinatal Hospice: Giving meaning and easing grief when birth to death is measured in hours </p>
    <p>Medical Mystery Shoppers: Fake patient who keep healthcare quality high</p>
    <p>Pediatric Live Transplants: Children can receive a slice from a living adult donor</p>
    <p>The Selling of healthcare reform: Why revved up rhetoric matters more than facts</p>
    <p>Early Alzheimer's diagnosis: The benefits of early treatment</p>
    <p>Dementia drugs: Are medications too common in nursing homes?</p>
    <p>Pregorexia: Anorexia while pregnant-more common than we think</p>
    <p>Mop men: People who clean up after unexpected death</p>
    <p>Gout: The return of the "disease of kings"</p>
    <p>Prevention and healthcare reform: How much money can prevention really save?</p>
      <!-- end #sidebar2 --></div>
      <div id="mainContent">
        <h1> Featured Content </h1>
        <p><a href="http://speakaboutbipolardepression.com/">The economy is leadiny many Americans to feel additional stress.  This is particularly concerning for the more than 8 million Americans with bipolar disorder.</a></p>
        <p>As modern medicine extends life expectancy, prevelance of Alzheimer's Disease in the U.S. is expected to skyrocket from about 5 million to 16 million in 2050.  Understanding risk factors is more important than ever. </p>
        <p>You might thing a blood transfusion ordered by a physician would be safe and effective.  But a new analysis by an international panel sbows most transfusions have little benefit.  In fact, they may be dangerous.</p>
        <h2>Information about our program's guests </h2>
        <p>Developing A Brain Eraser: Dr. Andre Fenton</p>
    <p>Too sexy, Too soon: Kids, the media, and sex: Dr. Diane Levin, author of "So Sexy So Soon: The new sexualized childhood and what parents can do to protect their kids"</p>
    <p>Everything You Always Wanted To Know About...Death: Harold Schechter, author of "The Whole Death Catalog: A Lively Guide To The Bitter End"</p>
    <p>Borderline Personality Disorder: Randi Kreger, cofounder of BPDcentral.com</p>
    <!-- end #mainContent --></div>
    <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
      <div id="footer">
        <p>Footer</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>

    Are you posting to the right forum? This is a Designer form where we are working with PDF forms. This looks like HTML!
    Paul

  • How to edit the "Oracle Three Column Layout" page template?

    Hello all,
    My question is very simple: how can one edit the Oracle Three Column Layout page template? I tried searching the file system for a file called "threeColumnTemplate.jspx" but I cannot seem to find it. Is it hidden into a jar file of some kind? Or at least can anyone tell me the name of the nice component located in the upper right corner that displays the loading activity?
    Thanks.

    Extract oracle-page-templates.jar with winzip & browse to location oracle/templates
    open the file threeColumnTemplate.jspx using jdeveloper.
    after you open it , you can edit the logo , save the changes & create this jar again or save it to the zip which will automatically update the jar.

  • How to merge three columns values to single row values in sql server 2008

    Hi Frds.....
    I have three quantity in my table.
    Quantity1,quantity2,quantity3
    this three quantity have different values
    ex:
    quantity1 = 1000,quantity2=2000,quantity3=3000
    the three column combine 2 display in single row values. this values display in one by one.
    ex: quantity
         1000
         2000
         3000

    You will need to use the UNPIVOT operator:
    DECLARE @example TABLE
    Id int NOT NULL IDENTITY(1,1),
    Quantity1 int,
    Quantity2 int,
    Quantity3 int
    INSERT INTO @example VALUES (1000, 2000, 3000), (4000, 5000, 6000);
    SELECT * FROM @example;
    SELECT Id, Quantity, QuantityType
    FROM @example
    UNPIVOT
    Quantity FOR QuantityType IN (Quantity1, Quantity2, Quantity3)
    ) AS u;
    Output:
    (2 row(s) affected)
    Id Quantity1 Quantity2 Quantity3
    1 1000 2000 3000
    2 4000 5000 6000
    (2 row(s) affected)
    Id Quantity QuantityType
    1 1000 Quantity1
    1 2000 Quantity2
    1 3000 Quantity3
    2 4000 Quantity1
    2 5000 Quantity2
    2 6000 Quantity3
    (6 row(s) affected)

  • Display a checkbox in cfgridcolumn?

    I'm using CF8. I have an HTML-format cfgrid with several
    columns, populated via a CFC in the bind attribute.
    One of the columns I have set to type="boolean" in order to
    display a checkbox. However, no mater what data I send to it, it
    displays the data instead of a checkbox, e.g.:
    1 and 0
    true and false
    yes and no (displays true and false)
    Code:

    Update: after making the cfgrid editable and adding the
    associated onchange method, I can now view the checkbox after I
    double-click the cell containing "true" or "false" (and the
    checkbox is checked appropriately).
    I have no idea if that is the intended behavior, but I
    definitely don't like it.

  • How to generate checkbox on grouping column in advanced datagrid : flex 3

    This is my code .but it generate for all rows. I want checkbox for only where studyid displayed.
    <mx:AdvancedDataGrid id="dgList" x="10" y="342" width="1001" height="175" sortExpertMode="true" borderColor="#992958" styleName="invoiceDataGrid">
                    <mx:dataProvider>
                        <mx:GroupingCollection id="groupda" source="{CptArr}">
                            <mx:Grouping>
                                <mx:GroupingField name="patientname"></mx:GroupingField>
                                <mx:GroupingField name="studyId"></mx:GroupingField>
                            </mx:Grouping>
                        </mx:GroupingCollection>
                    </mx:dataProvider>
                    <mx:groupedColumns>
                        <mx:AdvancedDataGridColumn headerText="Patient Details" width="200"/>
                        <mx:AdvancedDataGridColumn dataField="cpt_code_val" headerText="CPT Code" width="100"/>
                        <mx:AdvancedDataGridColumn dataField="cpt_desc" headerText="CPT Description"/>
                        <mx:AdvancedDataGridColumn dataField="modifier" headerText="Modifier" width="100"/>
                        <mx:AdvancedDataGridColumn headerText="Fee Schedule" dataField="fee_schdule" width="100"/>
                        <mx:AdvancedDataGridColumn headerText="select" id="dgselect">
                        <mx:itemRenderer>
                            <mx:Component>
                                <mx:CheckBox visible="{data.cptdesc}"
                            </mx:Component>
                        </mx:itemRenderer>
                        </mx:AdvancedDataGridColumn>
                    </mx:groupedColumns>
                </mx:AdvancedDataGrid>
    output:
    but i want like this:
    Thanks in advance for your help.

    Sunil,
    Which column is the sal column? I can’t see any numeric columns in your query. If you use htmldb_item calls in your query column, then this makes them strings and you can’t build sums on string columns. If you want to build sums in an updateable report / tabular form, then don’t use the htmldb_item API. Instead use the built-in display types on the report column attributes page. Using the built-in display types is the better options in most cases anyway and they do allow you to calculate sums even if the column is a text field or display and save type field.
    Regards,
    Marc

  • Help with three column layout please

    Hello All
    I have been struggling with a three column layout to incorporate inserted images on the right. Please see http://www.greenpatchwebsites.com/ridgeway/index2.html
    At the moment I have resorted to a background image but I am not happy with the quality and lack of positioning in relation to the text.
    I have looked at lots of sites re faux / three columns etc but I can't make it work. As you will see from the attached css there are lot of divs because of the expanding box and I am getting in a muddle.
    Expert help here would be very gratefully received and I thank you in advance.

    Hi There,
    You can refer to 3 column fixed template (with header and footer) provided by DW itself. For reference how to make a 3 column layout use following code. Just save the whole of this as .html file and preview. Go through the structure and css classes in the head to understand the layout.
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body  {
         font: 100% Verdana, Arial, Helvetica, sans-serif;
         background: #666666;
         margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
         padding: 0;
         text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
         color: #000000;
    .thrColFixHdr #container {
         width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
         background: #FFFFFF;
         margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
         border: 1px solid #000000;
         text-align: left; /* this overrides the text-align: center on the body element. */
    .thrColFixHdr #header {
         background: #DDDDDD;
         padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    .thrColFixHdr #header h1 {
         margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
         padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .thrColFixHdr #sidebar1 {
         float: left; /* since this element is floated, a width must be given */
         width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
         background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
         padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
    .thrColFixHdr #sidebar2 {
         float: right; /* since this element is floated, a width must be given */
         width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
         background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
         padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
    .thrColFixHdr #mainContent {
         margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
         padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    .thrColFixHdr #footer {
         padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
         background:#DDDDDD;
    .thrColFixHdr #footer p {
         margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
         padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
         float: left;
         margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
         clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    -->
    </style><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .thrColFixHdr #sidebar1 { width: 180px; }
    .thrColFixHdr #sidebar2 { width: 190px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
    .thrColFixHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]--></head>
    <body class="thrColFixHdr">
    <div id="container">
      <div id="header">
        <h1>Header</h1>
      <!-- end #header --></div>
      <div id="sidebar1">
      <h3>Sidebar1 Content</h3>
        <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if it will always contain more content. </p>
        <p> </p>
      <!-- end #sidebar1 --></div>
      <div id="sidebar2">
        <h3>Sidebar2 Content</h3>
        <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the right side of the #mainContent div if it will always contain more content. </p>
        <p> </p>
      <!-- end #sidebar2 --></div>
      <div id="mainContent">
        <h1> Main Content </h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. </p>
        <h2> </h2>
        <!-- end #mainContent --></div>
         <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
      <div id="footer">
        <p>Footer</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    </body>
    </html>
    Don't be overwhelmed as this is simple code only (much like your own page). You can then divide your background image and put one part in the center column (mainContent DIV) and the other in the right sidebar (sidebar2 DIV).
    Hope this helps.
    Regards,
    Vinay

  • Changing logo in Oracle three column template

    Hi All,
    Can we change the Oracle image being displayed at the top left corner of the built-in Oracle three column template in Oracle JDeveloper 11g?
    Thanks ... Best Regards
    Bilal

    Hi,
    You will helpful following
    How to change default templateand check for
    http://rcastrosp.blogspot.com/2010/04/oracle-adf-built-in-templates.html

  • Radio button in three column in a single selection-screen

    Hi,
    I am trying to create radio buttons with three column within a single selection-screen.
    I.e.
    Column 1:
    radio1
    Column2:
    radio2
    radio3
    column3:
    radio4
    radio5
    radio6
    Also I wish to give three names(as headers) to each columns.Is is possible?If yes how?

    Hi,
    write as :
    SELECTION-SCREEN COMMENT /1(50) text-001.
    PARAMETERS: r1 RADIOBUTTON GROUP rad1.
    SELECTION-SCREEN COMMENT /1(30) text-002.
    PARAMETERS: r2 RADIOBUTTON GROUP rad1,
                r3 RADIOBUTTON GROUP rad1.
    SELECTION-SCREEN COMMENT /1(30) text-003.
    PARAMETERS: r4 RADIOBUTTON GROUP rad1,
                             r5 RADIOBUTTON GROUP rad1,
                             r6 RADIOBUTTON GROUP rad1.
    Regards,
    Srini.

  • How to add three columns under a column of Column Structure in BEx Query ??

    Hi all,
        I have created a Structure for Taxes (with 10 rows) under Rows and another Structure for Company under Columns and it has 3 columns like Company A, B & C. Now I want to have three columns (Actual, Forecast & Total) under each company A, B & C. It means it will have 9 columns under these 3 companies.
      The ACTUAL should calculated as:
              Version = 100 and
              Months = Plan Begin Month - 1.
      If the Plan Begin Month is 4 (April) then ACTUAL should be calculated for first 3 (4 - 1) months only.
       The FORECAST should calculated as:
              Version = 699 and
              Months = From 4 (April) to 12 (December).
       'Plan Begin Month' will be entered on the selection screen.
       How can I design this query, PLEASE ?
        Thanks in advance.
    Regards,
    Venkat.

    Hi Ravi,
        Thanks for your quick response.
        The ACTUAL should calculated as:
              Version = 100 and
              Months = Plan Begin Month - 1.
              If the Plan Begin Month is 4 (April) then ACTUAL should be calculated for first 3 (4 - 1) months only.
       The FORECAST should calculated as:
              Version = 699 and
              Months = From 4 (April) to 12 (December).
          I am unable to create the Restricted Key Figure with Version.
         How can I design it, PLEASE ?
    Thanks,
    Venkat.

  • Multiple Display Types in a single column

    I have a situation where I have to display a bunch of attributes for a customer. Each attribute can have a different type, Text, Dropdown, Date etc and that information is stored in a table.
    I was able to use apex_item to display the different display types based on the type of attribute.
    So the layout of the form has 2 columns, column 1 is the name of the attribute and column 2 is the value of the attribute (displayed as the various types of date, text, dropdown etc) However, I am having an issue with the Date popups. When I select a date it always goes into whatever date is listed first. No sorting is going on in the select or the report.
    I'm guessing my issue has to do with displaying different display types in the same column? If that is true, how should I change my approach to this problem? I want all the attributes on a single page, so is my only option to have each attribute in a different region?
    Thanks,
    -- Johnnie

    Denes,
    OK thanks for the heads up, let me try to clarify.
    My problem is that I have multiple date popups on the same form. When I pick a date for any of the date popups, it always updates the first date popup field on the form. I stated there was no sorting at all because this thread indicated that sorting could cause this issue:
    DATE_POPUP
    Another hit for this issue was here:
    Re: HTMLDB_ITME.DATE_POPUP problems
    This suggested that having multiple data types in the same column (which is what I am doing) is not supported, but this is an old thread.
    My form will be a manual tabular form. I need to display a list of attributes, however some are freeform text, some are SQL LOV dropdowns, and some are date popups. Right now they are all displayed in the same column. Could this be causing my date popup issue? If so what alternatives do I have?
    Screenshot of my form here: http://johnniebillings.googlepages.com/outlook.jpg
    Hope that clears up the issue I am having.
    -- Johnnie

  • How do I build a model calendar page with three columns and two or three lines per day?

    I am trying to build a Page that has three columns with lines in each column that will be numbered according to each month. Then each month I plan to type in the birth dates, anniversaries, special occasions of my family. There will be over 120 entries.Thus far when I take a blank page from Pages and begin to type in the event, it remove the underline I had put in. I imagine I should be able to build one model page and then replicate it as I go from month to month. Thus far I have been unsuccessful. Any help will be sincerely appreciated.
    Ken Melley

    You could use a Table to set up your information in Pages 5.2, unfortunately it has a bug that makes the table moire or less unusable after a few pages.
    Contacts stores all your Address Book information. NJust add all the name, telephone number, address etc and there is an additional field for birthdays, anniversaries etc. Anything else you can put in the notes:
    http://computers.tutsplus.com/tutorials/contacts-101-a-beginners-guide-to-contac ts-on-os-x--mac-51751
    Calendar lets you run separate sets of dates in a desktop calendar, which can include birthdays, anniversaries or any single or recurring events. Any names you use here will be cross referenced to Contacts.
    http://www.macworld.com/article/2057229/get-to-know-os-x-mavericks-calendar.html
    Peter

Maybe you are looking for