How To Position Two Regions Side-By-Side

Hello.
I am using Apex 4.2.1 with Oracle 11R3 and mod_plsql. The Apex app I created is using Theme 21.
I've created a classical report one of whose fields is an HTML link. When this link is clicked, an HTML region appears (it appears only when the link is clicked). This HTML region contains several form fields users will populate.
I am trying to get the HTML form region to appear to the immediate right of the report region (with, say, an inch of intervening space between the two regions) but am not having success. Instead, the HTML form region appears immediately underneath the report.
I searched this Forum for ideas and saw recommendations about creating a "container" type HTML region which serves as the "parent" for both my report and HTML form regions. And so, I did this. My report region has the sequence 10 while my HTML form region has sequence 20.
I've tried playing with the options within the "Grid Layout" section of the page:
Start New Grid = "Yes"
Start New Row = "No"
New Column = "Yes"
I've set the report to "No Template" and did the same for my HTML form region. Still no help.
The Display Point for all my regions (the containing HTML region, the report, and the HTML form region) is position "01".
All to no available. The HTML form region stubbornly displays under the report region.
At this point, I want you to know that, though I like building web/database applications using Apex (indeed, I've been using it more than eight years now), there are days (like today) when I wish Apex would act more like FrontPage or DreamWeaver. I would like to use my mouse to drag a region to a point on the page and have Apex automagically write the appropriate positioning CSS code. Sigh!
In any case, would anyone know how to get my HTML form region to appear to the right side of my report region (with an inch or so of intervening space)?
Any help/tips would be appreciated.
Thank you.
Elie

Hi, Check this
User Interface
Template
Sequence
Parent Region
Display Point
Column
2
[Body][Pos.1][Pos.2][Pos.3][Pos.4]
Change column to 2 in the form region section as above

Similar Messages

How to display two regions side-by-side without wrapping?

Application Express 3.2.1.00.10
On my page I have two regions: (1) report region, and (2) PL/SQL Region
The report region is based on a query that returns a single column containing the following HTML.
example:
<TABLE width=100% bordercolor=#E7E7E7 cellspacing=1>
<TR bgcolor=#E7E7E7>
<TD><B>VIEW NAME</B></TD>
<TD><B>LAST UPDATED</B></TD>
</TR>
</TABLE>
The second region is based on PL/SQL code that based on certain conditions, returns a workspace image using htp.img.
Both regions are using defined with:
Template: No Template
Display Point: Page Template Body (1, items below region content)
Column: 1 (for 1st region), 2 (for 2nd region)
The issue is that both the HTML table and image appear on the page, but the contents within the table are wrapping.
I have tried changing the CSS Style attribute for the report column attribute, but I can't get it to stop wrapping the contents. In searching the forum, I haven't found any solution to this, or maybe I am not searching for the right keywords.
Any ideas?

You can do this in form painter position your secondary windows side by side. then in the page start creating tables.
so now your each table in each window will appear side by side because your both windows u positioned it side by side.
Swetha.

Using iMovie-does anyone knows how to put two videos side by side in the same screen/

Using iMovie-Does anyone knows how to put two videos side by side in the same screen?

See iMovie Help here.
http://help.apple.com/imovie/mac/10.0/#movb8c659f55

How to put two pictures side by side without loosing the size?

how to put two pictures side by side without loosing the size? I did create a new canvas and double the size but my pictures are smaller in the new canvas please help meeeeeeee!!! my pictures are High13.6 and wide 20.533 with a resolution 240 im working on photoshop cs3 or cs6

Are you trying to print two pictures on the same sheet of paper? If so, then use Picture Package in CS3 (it is not part of CS6 unfortunately)
http://voices.yahoo.com/using-adobe-photoshop-picture-package-great-digital-614329.html

How to merge two pictures side by side

How do you merge two pictures side by side?

Open one image
Expand the canvas using Image>Canvas Size... or visually by using the crop tool, you can drag outside of the document area to expand it.
Place the second image. (Image Reveal All can be used instead of expanding the canvas if part of the second image is outside the document area.)
Select both layer in the layer panel and Layer>Merge Layers (ctrl-e {windows} cmd-e {Mac})

How to position two buttons on top of div element inside a div container?

Hello!
Good news...
I have created my very first thumbnail slider for my website that actually works!
Bad news...
The buttons that help scroll the div element, which is wrapped inside a center container, are no longer positioned on top of the div.
Here is the html:
<div id="centerContainer">
<div id="aemcSlider">
   <ul>
    <li>
        <a class="aemcPkgBut" href="" target="" alt="AEMC Packaging" title="AEMC Packaging"> </a>
        </li>
        <li>
         <a class="aemcGroundFlexBut" href="" target="" alt="GroundFlexAd" title="GroundFlex Ad"> </a>
         </li>
     <li>
      <a class="aemcClampBut" href="" target="" alt="Clamp-On Ad" title="Clamp-On Ad"> </a>
      </li>
          <li>
          <a class="aemcMetrixBut" href="" target="" alt="Metrix Ad" title="Metrix Ad"> </a>
          </li>
     </ul>
</div>
<div id="leftBut">
<a class="arrowLeft" href="" target="" alt="Left" title="Left"> </a>
</div>
<div id="rightBut">
<a class="arrowRight" href="" target="" alt="Right" title="Right"> </a>
</div>
</div>
Here is the CSS:
Main container:
#centerContainer
{width: 800px; margin: 0 auto; background-color:#0e210e; position:relative}
Div Element:
#aemcSlider
    text-align:center;
    list-style:none;
    width: 450px;
    height: 114px;
    margin: 0 auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    top: 67px;
    position: relative;
    overflow: hidden;
#aemcSlider a {margin-right: -12px;}
Left & Right Buttons:
a.arrowLeft
    width: 29px;
    height: 96px;
    float:left;
    position:absolute;
    margin: 0 auto;
    display: block;
    background-image: url(../Images/arrowLeft.png);
    background-repeat: no-repeat;
    left: 311px;
    top: 91px;
    opacity: 0;
a.arrowLeft:hover
background-image: url(../Images/arrowLeft.png);
opacity: 0.5;
a.arrowRight
    width: 29px;
    height: 96px;
    position:absolute;
    float:right;
    margin: 0 auto;
    display: block;
    background-image: url(../Images/arrowRight.png);
    background-repeat: no-repeat;
    opacity: 0;
    left: 720px;
    top: 92px;
a.arrowRight:hover
background-image: url(../Images/arrowRight.png);
opacity: 0.5;
Here are the things I've done to troubleshoot:
If I put the div element as an absolute container, the left button disapears.
I get the same effect when I change the position to relative.
I tried changing the position to relative for both buttons.
I also tried to position the buttons outside the Main Div container and no go.
How can I position the relative div element under these controller button?
Any help would be muchly appreciated.
~LA

OK,
Got the site onto a public web space.
Here sre the links...
http://www.aliciaalmeidagraphicdesigner.com/Work.html
http://www.aliciaalmeidagraphicdesigner.com/style/Body.css
http://www.aliciaalmeidagraphicdesigner.com/js/functions.js
Anyone can help me out, please?
Thanks!
LA
PS: Dissapointed...my website looks much better from my local file than remote

How to display multi tables side-by-side

Hi All,
I need some help on BI Publisher layout.
I'd like to display two tables side-by-side in one page.
Though I can put the tables correctly in Template Builder,
the tables are joined into one table in generated Report(Preview).
- Template Builder
+[Page1]+---------------------------------------------- +
| |
| [Table1] [Table2] |
| ------------------ ------------------ |
| |EMPNO | |DNAME | |
| ------------------ ------------------ |
| | <EMPNO> | | <DNAME> | |
| ------------------ ------------------ |
| |
- Report Preview
+[Page1]+---------------------------------------------- +
| |
| [Table1] |
| ------------------ |
| |EMPNO | |
| ------------------ |
| | 1234| |
| | 2345| |
| | 3456| |
| | 4567| |
| | :| |
| | :| |
| ------------------ |
| |DNAME | |
| ------------------ |
| | ACCOUNTING| |
| | RESEARCH| |
| | SALES| |
| | OPERATIONS| |
| ------------------ |
| |
Does anyone know how to display two tables side-by-side in the
same page?
Thanks in advance.

Thanks for your quick reply.
I can display side-by-side layout as I had expected!
Thanks.

How to minimize the gap between two regions in a page

Hi All,
How to minimize two regions in a page ? I have two regions in page but I need to minimize the (default) space gap between these regions as it looks too large.
Thanks for the answer.
Jeffry

Jeffry,
You may want to check the tutorial [Achieving Pixel-Perfect Page Design with HTML Templates|http://www.oracle.com/technology/obe/obe1014portal/html_templates/html_templat.htm] on OTN.
Thanks,
EJ

Can i divide the page size like 50%where two regions should appear

Hai..
Can i divide the page size like 50%where two regions should appear, and in another 50% one more reion should apper ...
how can i do that
Thanks
Anoo

Anoo,
Are you talking about two regions side-by-side? You could try applying "Reports Region 100% Width" report template on both regions, and making the 2nd region having Column 2. This way both will display side-by-side with 100% width.
Ittichai

How do I Place Two Or More Template Regions Side by Side?

How do I change the page size of a template or a template region so that I can place two templates side by side with the content in between?
Maybe I need to know how to place two or more template regions side by side?
Can you insert a template into a table?
How do you insert a template within the main template along side a region within the main template?
Sorry to ask so many questions but each approach would sole the sampe problem. (Putting two or more regions, side by side.)
Thank you in advance for any help that you can offer me.

How do I change the page size of a template or a template region so that I can place two templates side by side with the content in between?
Template regions are not layout regions. They do not add any structure to your page, and only provide a way to add content to whatever HTML structure contains the template region. So - you need to make your Template's HTML provide the space.
For example, you could have a three column, one row table with an editable region in the left/right cell. The exact answer, though, will depend on your page's layout and where you want the editable regions to be placed within that layout.
In addition, you say "place two templates side by side" as if the regions were the templates. That's not correct. There is a template file, which contains editable regions. Thus, you could not place two templates side by side.
Can you insert a template into a table?
See the answer above. You can place an editable region inside a table.
Sorry to ask so many questions but each approach would sole the sampe problem. (Putting two or more regions, side by side.)
I bellieve you are very confused about what templates are and how to use them, and so I strongly suggest you read DW's F1 Help about templates before going further with this project.

The curser includes a text box from a previous image or link when the curser is positioned on the side of the page. i click and it goes away but only to return again on the next launched page. how do i get rid of this?

the cursor includes a text box from a previous image or link when the cursor is positioned on the side of the page. it will mainly happen when i hit "back" from the page i was on. i click and it goes away but only to return again on the next launched page. i also keep several tabs open and it will carry over to any one of them i go to. how do i get rid of this?
== This happened ==
Every time Firefox opened
== when i upgraded to most recent version 3.6.8

A number of extensions can cause that problem, you'll need to do a little troubleshooting to find out which extension is causing that to happen for you.
[http://support.mozilla.com/en-US/kb/troubleshooting+extensions+and+themes]

How do i change the display in ADE to a single page view instead of two pages side by side? I find it distracting and prefer to look at one page at a time.

How do i change the display in ADE to a single page view instead of two pages side by side? I find it distracting and prefer to look at one page at a time.

You can increase the font size and automatically page view changes. Go to menubar; Reading -> PDF View or Epub Text Size (depending upon the ebook) and increase the size.

How do I place two graphics side by side.

We are using a one column with a side head. (Not that that should matter I guess.) How would I place two graphics side by side, still numbering the figures correctly. We have tried several things and finallly got them even, but it is a big hassel and then the paragraph style (Figure XX) doesn't always line up either. When I use the text frame tool to number the Figures, the numbering doesn't continue as it should. Seems that sometimes it works, but sometimes it doesn't.
Thanks,
ls

If it was me, I'd set up a two-column, two-row table and set the ruling to none.
Import the graphic into cell 1/1 so that an anchored frame is created automatically.
Shrink-wrap the graphic. Repeat for cell 2/1.
Then I'd put the Figure caption tag into the second row of cells, under the graphics.
*Ordinarily, you wouldn't use the text frame tool for stuff like this, nor the Text Line tool, which is what you may be using.
If stuff isn't set up properly, it creates a text flow that's separate from your main text flow, which means the auto-numbering counters are in two separate flows -- the reason they're not incrementing for you.
Art

How to place two different indesign documents side by side on my desktop in order to copy and paste images and text from one to the other?

How to place two different indesign documents side by side on my desktop in order to copy and paste images and text from one to the other?

Or choose Window > Arrange > Tile
And, you of course can copy/paste without tiling.

How do I copy both sides of a document.

I have a HP Officejet Pro 8500A. How do I copy both sides of a document at the same time?

What is your exact printer model?
With the HP Officejet Pro 8500A Plus you may copy two sided original by setting the Copy menu Two-Sided option according.
However, for the HP Officejet Pro 8500A, the Automatic Document Feeder does not support tow sided copying, therefore you will have to manually perform it with this model.
Say thanks by clicking the Kudos thumb up in the post.
If my post resolve your problem please mark it as an Accepted Solution

How To Position Two Regions Side-By-Side

Similar Messages

Maybe you are looking for