JSF Page - Three Column Layout

Hi all,
I'm trying to create a JSF page with Oracle Three Column Layout but am only one column in the visual design view. Moreover, in the visual design view, i cannot see the normal Oracle logo on the left corner.
Heres he steps i used:
1. Right click ViewController and select New.
2. Under Web Tier i click JSF and selected JSF Page then click OK
3. In the Create JSF Page dialog, i renamed the page and in Page Template drop down i select Oracle Three Column Layout and checked Create as XML Document then click OK
I'm new in JDeveloper and if theres any steps i'm missing then please let me know.
Thanks in advance
Stoneiidol

Hi,
Mostly a Jdeveloper design view problem. Did you try closing and reopening the page? Or restarting JDeveloper?
The code Generated in my Jdev is:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1">
<af:form id="f1">
<af:pageTemplate viewId="/oracle/templates/threeColumnTemplate.jspx"
id="pt1">
<f:facet name="center"/>
<f:facet name="header"/>
<f:facet name="end"/>
<f:facet name="start"/>
<f:facet name="branding"/>
<f:facet name="copyright"/>
<f:facet name="status"/>
</af:pageTemplate>
</af:form>
</af:document>
</f:view>
</jsp:root>
What Amit said is alos true.
Regards,
Venkat

Similar Messages

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.

TP3 Oracle Three Column Layout Template error

Hi,
if I choose for page template: Oracle Three Column Layout and run this page I get blank page with message: Error trying to include:viewId:/oracle/templates/threeColumnTemplate.jspx uri:/oracle/templates/threeColumnTemplate.jspxjavax.servlet.ServletException: Error in servlet
thanks,
Branislav

Hi,
if I exctract threeColumnTemplate.jspx from oracle-page-templates.jar and store it in my project as a template file it works and it works also with FF 2.0.0.11
thanks,
Branislav

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">

</style></head>
<body class="thrColFixHdr">
<div id="container">
<div id="header">
    <h1>Header</h1>
</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>
</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>
</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>
    </div>
     <br class="clearfloat" />
<div id="footer">
    <p>Footer</p>
</div>
</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

JSF Page extending a template page contains no facet tags

Using JDeveloper 11g Version 11.1.2.1.0
With an ADF Fusion Web Application
I created a JSF template page by following this link:
[http://st-curriculum.oracle.com/obe/jdev/obe11jdev/ps1/adf_richclient/adfrichclient.htm]
However, when I create a JSF page based on the template no facet tags show up on the page.
In the new JSF page I can see the template layout with the header, left and the center facet but the regions are uneditable
and no faceets shows up under the Structure window or in the source that were in the template page.
The last item that shows up in the Structure window is <>af:pageTemplate
Using the Oracle Three Column Layout template the tags show up just fine.
Any recommendations?

Frank,
Yes, I did have the facetRef tags in the template. I had saved the template page as a .jsf since then I have gone back and created a new template as a jspx.
Now the facet tags do show up in the structure window and I can add layout components from the component palette and data controls as well.
But None of that content shows up in the Designer window and when I run the page the whole area with the content just shows up as gray.

Photo Gallery combined with three column CSS

Hi, I am trying to implement your photo gallery into our
school site and I am having trouble with the layout. I am using a
three-column layout created with CSS and JS, and then placing the
photo gallery inside of this. What happens is when you pull up the
page the three column layout does not position everything correctly
until you resize the browser window (ever so slightly). Help, have
been staring at CSS and JS code now for about a month and cannot
get it to behave, any help would be greatly appreciated. Thanks.
HSPVA Photo
Gallery

"kjuliff" <[email protected]> wrote in message
news:eqij22$are$[email protected]..
>I can reproduce your problem, gnd4evr&evr. I have XP
an IE7 and FF2.
>It's fine
> in FF2 but not in IE7.
>
> I have a similar problem, and I think it's related. This
problem
> really needs
> addressing!
>
> Go to
http://www.coolabah.com/spry/demos/gallery/
and look at the
> bottom of
> the page (in either IE or FF). You will see a google
adsense div.
> Although it
> is specified in it's div tab as being 15 px in height,
it takes up
> much more
> than that.
>
> I HAD wanted to have these google links at the top of my
gallery, but
> cannot
> as I cannot force the div to be only 15px in height.
>
> I posted this problem a few weeks ago but no one
answered.
Your Google ads are in an iframe. This rule will get you
started
iframe {
height: 2em !important;
position: absolute;
top: 650px;
You can leave the position static if you like, and it will
move up and
down with your images - I found that a bit distracting,
though. If you
leave it static, use a top-margin to establish space between
your image
and the ads.
The !important notation is required for the height,
indicating either a
conflict somewhere in your markup or CSS, or poor Google code
(not
uncommon).
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

How can I have independent columns on a Pages 5.2 layout?

Instead of using a table to format my text, I would like to use a 2 column layout. I can create the layout, but the 2 columns are linked i.e., I type in the first column until it is full when it then starts filling the second column.
I would like to input text in each column independently. The main text would be in the second column with callout-like text in-line (aligned) in the first column.
Is there a way of doing this in Pages 5 without having to resort to InDesign or some other complex tool?
Thanks in advance.

If you don't need multiple lines in the initial item, you can construct this with hanging indents and tabs.
Or a Table with no borders.
Pages can be difficult sometimes with aligning lines across columns as it doesn't have baseline align like ID.
Pages 5 has superior anchored textboxes to Pages '09 so that could be another method. Can't index the contents though and you have all the other problems of PitA 5.
Peter

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

New View Columns are Blank on Rendered JSF Page

In an existing application, I am trying to add a few columns to an ADF Read-Only Table on an existing jsf page. In the model project, I added the columns to the read-only view object by changing the SQL statement. I then tested the business layer changes in the BC tester and the view works as I expected it to. I opened the affected jsf page in the ViewController, and tried to add the columns by copying the last column in the table repeatedly and just changing the sortable and headerText properties of the af:column objects and the text property of the af:outputText objects to values representing the new columns. Upon testing the page, the new columns appeared in the table but they where empty. No headers, no data. I then tried deleting the entire table and creating a new one by dragging the view back onto the page and selecting Create -> Tables -> ADF Read-only Table.... In the dialog I selected all the fields of interest and the new table appeared on the design view of the page. Running this version of the page gave me the same results as manually adding rows.
What am I doing wrong? Is there something I need to do to the pagedef file? Is there another file that is "out of sync" with my jspx and pageDef files? I have been away from ADF for several months and I thought I covered all my bases.
Thanks,
Jeff

Jeff,
Your first scenario should work. What you need to do after copying the columns and changing all of the properties - go into the page definition, find the binding for the iterator upon which the table is based, double-click it, then you need to use the shuttle to add the new VO fields.
Should work like that.
John

I want to convert a series of names into a table (in either numbers or pages). The list I have has a name and then an email address in brackets, followed by a 'yes' or a 'no'. I would like to separate the list into three columns

I want to convert a series of names into a table (in either numbers or pages). The list I have has a name and then an email address in brackets, followed by a 'yes' or a 'no'. I would like to separate the list into three columns - the first containing the name, the second containing the email address and the third containing the 'yes' or 'no'.
Can you help me ?

The question that needs to be answered is what is separating the columns? Is it a single tab, one or more tabs, spaces, or what? Or is it the brackets that makes the separation between the three pieces of data?
If it is always a single tab, that makes it really easy. All you have to do is find/replace the brackets with nothing (as Wayne said)
If it might be multiple tabs, you can find/replace tab-tab with a single tab and repeat that a few times until no more double-tabs are found.
If it is one or multiple spaces, that might be difficult. I'll think about this one if this is what you have. I'll ignore this possiblility for now.
If it is the brackets separating the three pieces of data, you would Find/Replace the left bracket with a tab then do the same with the right bracket.

2-column layout with correct page breaks

Hi there,
I am trying to produce a 2-column layout in my form.
The problem is: These columns stretch over more than one page and I just cannot get the page breaks right.
I have a flowed layout with two adjacent subforms which form my columns. In these column subforms I fill lots of data from XML.
Problem 1 is: At the end of the page I miss about 5 lines. They vanish in the page break.
Problem 2 is: My second column starts getting filled only on the second page (which happens to be the page where the first column ends).
I also tried this with one table with exactly one row. But there all lines after the first page disappear and I get empty pages instead.
Has anyone ever come across this problem?
What is a good safe way to build dynamic 2-column forms?
Ulrich

Hi Paul,
the former. It is NOT like in a newspaper where the content runs from left to right from one column into the next and finally into the leftmost column of the next page.
Im my case the content of the 2 columns is completly separat from each other: The data in the left column is distincly left-column-only data. As is the data in the right column distinctly right-column-only data.
Actually it is not even sure, that the left column is longer than the right.
It is absolutly o.k. to have 3 pages where the left column is empty and only the right column is filled.
An example would be: Technical data of two articles to be compared: Left is the Mercedes-data and right is the BMW-data.
Ulrich

Jsf page layout

Pls show me how to control layout of items on jsf page , is there any way to format the page as in oracle form .
thanks
abohatim

You use panels for this.
ADF Faces has an extensive set of panels you can read about them in the ADF Developer Guide page 4-30

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

How to align the components in a jsf page?

Hi all,
In my use case I need to use three UI components like push down menu
a textbox and a button. when I dragged all the things on to my jsf page
I am getting one by one.( I mean to say that I am getting button beneath pushdown
and pushdown beneath the text box)
I want all these components adjacent to each other.Kindly come up with the suggestions.
Thanks,
Phani.

These three components surround with af:panelGroupLayout and set af:panelGroupLayout layout property to horizontal (you can find layout property in common section of Property Inspector).

How to use frames in a jsf page

hi all,
I need my page to be divided into three frames each frame with scrollable option. Each page should be able to display different jsp pages.Can anyone give a solution how can i implement this in a jsf page
regards,
Prasant

Hello Prasant,
I think page fragments is what your after, one of the Sun guys did a good blog on page layout with jspf but i can't access the weblogs, but you could try this tutorial in the meantime:
http://developers.sun.com/prodtech/javatools/jscreator/learning/tutorials/2/pagefragments.html
Then search the weblogs when its available. i hope this helps
Cheers
Gaz

JSF Page - Three Column Layout

Similar Messages

Maybe you are looking for