Need help on page layout.

Hi all,
I have 3 issues like
1. I need to create 3 LOV's(these 3 values should come from VO) in the AF Query.
2. I have 2 tables, which radio button i have selected the related data should needs to come in the 2nd table. logic is ready I have written a method to call that vo but here my doubt where should i need to put i tried with attributeChangeListener of the 1st table but it's didn't work. and constructor of the page backing bean it's working when i click on any button on the page.
3. I need to divide my page into 4 parts like top, middle, bottom and middle should be devided horizontally 2 parts. i tried with panel splitter but user doesn't like it, then i tried with the
<af:panelGroupLayout binding="#{backingBeanScope.backing_app_ProcessCalc.panelGroupLayout3}"
id="panelGroupLayout3" halign="start">
// here i have top code like af query
</panelGroupLayout
<af:panelGroupLayout binding="#{backingBeanScope.backing_app_ProcessCalc.panelGroupLayout6}"
id="panelGroupLayout6" layout="horizontal">
<af:panelGroupLayout binding="#{backingBeanScope.backing_app_ProcessCalc.panelGroupLayout4}"
id="panelGroupLayout4" halign="left" layout="horizontal">
// here i have left code trinida table with panel box
</panelGroupLayout >
<af:panelGroupLayout binding="#{backingBeanScope.backing_app_ProcessCalc.panelGroupLayout5}"
id="panelGroupLayout5" halign="right" layout="horizontal">
//here i have right code panel box with 2 buttons
</panelGroupLayout
</panelGroupLayout >
last i have added panel box with trinida table.
Here the problem is panel boxes are moving like if there is no result on the table then panel box is going small, i need to fix all these layout to page
Can any one help in all these.

Use a panelStetchLayout to get the various area (top, middle, bottom) then in the middle/center you can use either a panel splitter or another panelStretchLayout.
Don't forget to set the sizes for the various facet of the panelStretchLayout.
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/panelStretchLayout.jspx
http://www.oracle.com/technology/products/adf/adffaces/11/doc/adf-richclient-api/tagdoc/af_panelStretchLayout.html

Similar Messages

  • Need help with Page Layout and Background Scaling

    hello, everyone.
    I am in the process of designing a new website for myself,
    and while I was researching nicely designed pages to use as
    inspiration, I stumbled upon this site:
    http://www.jeffsarmiento.com/
    obviously, the design is very impressive, but it also
    incorporates a lot of web mechanics that I have been trying to
    figure out, so I will use this page as an example.
    one thing I need help with is backgrounds. as you can see in
    the posted website, the creator used a seamlessly tiled paper
    texture to display the bulk of his content on. also make not of the
    pattern that is located to the left of the paper texture. how do I
    create seamless backgrounds like this that will scale to fit any
    amount of content or any resolution? I can't imagine that the guy
    that made that site created a new size background every time he
    made an update, so there has to be an easier way.
    the second thing that I am having trouble with is general
    site layout. I have read that most sites used series of invisible
    tables to organize there content, but when I open the source of
    this page in dreamweaver, he was using something different. div
    tags? should I be using these? who do I use them? are there any
    general layout tips that someone could pass on to me? perhaps a
    link to a good tutorial?
    please help me. i am very confused.
    thanks so much.

    IMO not a good site to emulate. To wit:
    Top background image:
    http://www.jeffsarmiento.com/images/bg-top.jpg;
    745px
    x 350px 137K
    Main background image:
    http://www.jeffsarmiento.com/images/bg-tile.jpg;
    745px x 950px 130K
    Total page size: 454K (Check here:
    www.websiteoptimization.com)
    Website usability experts routinely recommend a maximum page
    size of ~80K
    Check out the We We Scale @ www.FutureNowInc.com/wewe/ where
    they suggest,
    "You speak about yourself approximately 0,003 times as often
    as you speak
    about your customers. Might that have an impact on your
    effectiveness?"
    That is 100% consistent with the #1 Web Design mistake:
    "Believing people
    care about you and your web site." or to phrase more
    expansively, "Our site
    tries to tell you how wonderful we are as a company, but not
    how we're going
    to solve your problems."
    www.sitepoint.com has some excellent books on making a
    website actually
    attractive and usable at the same time.
    Walt
    "beWILLdered_" <[email protected]> wrote in
    message
    news:[email protected]...
    > hello, everyone.
    > I am in the process of designing a new website for
    myself, and while I was
    > researching nicely designed pages to use as inspiration,
    I stumbled upon
    > this
    > site:
    >
    http://www.jeffsarmiento.com/
    > obviously, the design is very impressive, but it also
    incorporates a lot
    > of
    > web mechanics that I have been trying to figure out, so
    I will use this
    > page as
    > an example.
    > one thing I need help with is backgrounds. as you can
    see in the posted
    > website, the creator used a seamlessly tiled paper
    texture to display the
    > bulk
    > of his content on. also make not of the pattern that is
    located to the
    > left of
    > the paper texture. how do I create seamless backgrounds
    like this that
    > will
    > scale to fit any amount of content or any resolution? I
    can't imagine that
    > the
    > guy that made that site created a new size background
    every time he made
    > an
    > update, so there has to be an easier way.
    > the second thing that I am having trouble with is
    general site layout. I
    > have
    > read that most sites used series of invisible tables to
    organize there
    > content,
    > but when I open the source of this page in dreamweaver,
    he was using
    > something
    > different. div tags? should I be using these? who do I
    use them? are there
    > any
    > general layout tips that someone could pass on to me?
    perhaps a link to a
    > good
    > tutorial?
    > please help me. i am very confused.
    >
    > thanks so much.
    >

  • I need help exporting pages newsletters as single page PDF's or as a .jpeg for an online photo book.

    need help exporting pages newsletters as single page PDF's or as a .jpeg for an online photo book.

    No same idea: 1. Look  2. Try.
    This is in Mavericks:
    Peter

  • I am working on a program book in Pages...need help moving pages around...

    I am working on a program book in Pages...need help moving pages around...

    I think word procession mode but I used a magazine template to get started and then just kept adding blank pages to finish...I have done these before without any trouble moving the pages around...so very confused.  Thanks for any assistance. 

  • Need Help with particular layout

    Hi,
    I need help with a particular layout with jsf.
    I dont be able to get this layout with checkbox and inputtext.
    label checkbox
    label checkbox
    label checkbox
    label checkbox
    label checkbox labelinputtext inputext
    with panelgrid I obtain only this one
    label checkbox
    label checkbox
    label checkbox labelinputtext inputext
    label checkbox
    label checkbox
    But I want place inputext and its label next to the last checkbox.
    Could someone help me? Thanks

    <h:panelGrid columns="2">
         <h:selectManyCheckbox layout="pageDirection" styleClass="styled">
              <f:selectItem itemLabel="Ischemica" itemValue="Ischemica"/>
              <f:selectItem itemLabel="Ipertensiva" itemValue="Ipertensiva"/>
              <f:selectItem itemLabel="Valvolare" itemValue="Valvolare"/>
              <f:selectItem itemLabel="Cardiomiopatia" itemValue="Cardiomiopatia"/>
              <f:selectItem itemLabel="Altro" itemValue="Altro" />
         </h:selectManyCheckbox>     
         <h:panelGrid columns="2" styleClass="tableA" >
              <h:outputText value="Specificare" />
              <h:inputText value="" styleClass="styled2" />
         </h:panelGrid>
    </h:panelGrid>     
    In my css I insert class
    .tableA{
    vertical-align: bottom;
    }

  • Need Help for Page Design Technique: Level 0 Record and Level 1 Record

    Folks,
    Hello. I am developing HR system for a client. I design a page for "Position Information" as follows:
    Level 0 record fields:
    Position Number: 01
    Status: Open
    Because many people are in this position, level 1 record is a scroll area containing many rows belong to this Position Number as follows:
    Level 1 record fields:
    Profile ID: 001 effective date: xx/xx/xxxx
    Profile ID: 002 effective date: xx/xx/xxxx
    After save the page into Database, the data in Level 1 record table doesn't match the data in Level 0 record table.
    No way to identify the rows of data in Level 1 record table belong to a specific row of data in Level 0 record table.
    I need help to design the Database, that is 2 tables: many rows in second table belong to one row in first table.
    Can any folks give some idea to design such a Database so that save the Page correctly ?

    Table 2 should have all the key fields from Table 1, followed by atleast one more key of its own.
    Subhash

  • Need Help - Body page

    Hello All,
    I'm trying to hide Body Page 1 of my form - but somehow I'm not able to make this happen. I'm facing this problem for a couple days now and have tried several things unsuccessfully.
    PLEASE HELP .....
    Body Page 1 -> Flow Content - top to bottom
    Place: on Master Page 1
    After: Continue filling parent
    Body page 2 -> Flow Content - top to bottom
    Place: on Master Page 2
    After: Continue filling parent
    form1 - initialise event - formcalc - client
    form1.BodyPage1.presence = "hidden"
    This makes Body Page 1 hidden, but the master page 1 is still visible. What wrong am I doing? Please ...I need help with this.
    Thanks for generous help
    Vimukta

    You cannot hide the first master page.

  • Writers - please help with page layout and headers/footers in Pages

    Hello
    Apologies if this is a stupid question, but I have fiddled around with my page layout and can't figure this out for myself!
    When I type a manuscript, I like to have a header and footer giving the book title, chapter, my name, etc. I'm finding that the header and footer is set to a wider range than I have set the main body of the page. Would you leave it that way, so that it is easily differentiated from the actual text, or would you align the left and right margins on the header and footer to match the body of the text? And if so, how do you do this please?
    Secondly, I can't figure out how to increase the top and bottom gap so that there is a good space between the header and the first line of text.
    Any advice would be gratefully received!
    Thank you!

    rainbow-warrior wrote:
    When I type a manuscript, I like to have a header and footer giving the book title, chapter, my name, etc. I'm finding that the header and footer is set to a wider range than I have set the main body of the page. Would you leave it that way, so that it is easily differentiated from the actual text, or would you align the left and right margins on the header and footer to match the body of the text? And if so, how do you do this please?
    I don't understand what you did.
    When we use the normal tools:
    Inspector > Document > Margins, the widths of header, body and footer are the same.
    Secondly, I can't figure out how to increase the top and bottom gap so that there is a good space between the header and the first line of text.
    With the already named tools, we may adjust top & bottom margins with no change on the header & footer.
    As I often wrote, looking in the PDF User Guide which is delivered with every copy of iWork is an efficient way to spare time.
    Yvan KOENIG (from FRANCE mardi 7 octobre 2008 14:08:55)

  • Need help debugging page in IE8

    The site in question works great on every browser except IE8. There is a div underneath the blue logo on the left hand side of the page that fades in with some copy. It is driven by a simple embedded script. However, I cannot figure out why it is not working in IE8. It just will not show up. I have tried multiple things and at this point I dont care if the fade in works, I just want the side text to appear on the left hand side of the page underneath the logo without having to reformat the page. I tried removing the javascript altogether and and removing the "Display: none" funtion from each div so they would be visible, but they are still not showing up. What gives?
    The div that it being called by the javascript code is #wrapper_content_home, by which it contains three other divs within it that fade-in when the script is fired (#pageTitle, #solidDivider, #sideContent).
    I am currently using VirtualBox to test and have it configured to Windows XP 32 bit using IE8.
    Can anyone tell me what's wrong with my code or what I need to do to fix this issue? Could it be a Doctype declaration issue? At this point, I have no idea. Thanks in advance for any help with this!
    Here is a link to the page in question: http://fountainplace.com/team/
    Here is a JS Fiddle I set up for debugging (view my code): http://jsfiddle.net/FAzaD/2/

    >I was taking a Dreamweaver class at the Denver Art
    Institute, that was worthless
    Yes, those classes usually are worthless because they focus
    on using the tool without giving you the proper foundation for
    understanding and managing html and css. Unfortunately, all of the
    example sites you gave you AP Divs (layers) as a primary layout
    method, which is a terrible approach. AP Divs should be used rarely
    if ever, and only when you understand how they work. When the
    visitors font is sized differently than you expected, the site
    falls apart. The correct approach is to learn web
    design/development outside of the context of a specific
    application.
    http://www.w3schools.com/html/
    is a good place to start for a basic understanding of html and css.
    And some basic layout techniques can be found here:
    http://apptools.com/examples/pagelayout101.php

  • Help with page layout

    Hi,
    I'm trying to design a page with a table layout having different number of rows in 2 columns:
    Line 1: ____ City: ____
    Line 2: ____ State: ___
    Line 3: ____ Country: _____
    <no data here> Postal Code: ______
    I have tried using rowLayout ->
    |_ CellFormat
    |_MessageComponentLayout (for the Line1, Line2 and Line3) (1 column, 4 rows)
    |_ CellFormat
    |_MessageComponentLayout (for CIty, State, Country etc.) (1 column, 4 rows)
    But this is not gettig aligned properly. The first cell is just 3 rows wide and 2 is 4 rows, so there are emplty spaces. How can we best design this?
    I have to design another layout with 3 and 5 rows in 2 columns.
    Any help will be greatly appreciated.
    Thanks,
    Ashish
    Edited by: Ashish Srivastava on Feb 10, 2010 12:59 AM

    Hi Reetesh,
    For the first region I was able to add a MessageLayout region to MessageComponentLayout and add a space item to MessageLayout. It works fine.
    However, I have another region where I need to display 3 fields in column1 and 6 fields in column2. I tried the same approach by adding 3 spacer Items to MessageLayout (beneath the 3rd field). But this is not working.
    The layout for this region (part of the main table) is:
    rowLayout
    --- Cellformat
    -------Region (Header)
    ----------MessageComponentLayout
    -------------field1 (messageTextInput)
    -------------field3 (messageTextInput)
    -------------messageLayout
    ----------------spacer1
    ----------------spacer2
    ----------------spacer3
    -------------field4(messageTextInput)
    -------------field5(messageTextInput)
    -------------field6(messageTextInput)
    -------------field7(messageTextInput)
    -------------field8(messageTextInput)
    -------------field9(messageTextInput)
    I want to display it as:
    field1 field4
    field2 field5
    field3 field6
    <empty> field7
    <empty> field8
    <empty> field9
    Sorry to bother you with this, but if you can suggest anything, it would be great.
    Thanks,
    Ashish

  • Need help with page display URGENTLY!!!

    Hey,
    I'm trying to start up my new iPod nano. I've got the songs for it, but the page won't display all the way. Where it says the licence of agreement it won't show the o.k. button and before that it doesn't say the register button either. It doesn't do this on my internet. Or on anything else. So now I can't put anything on my iPod because I can't get it started up.
    Please help! I really need to put some songs on my new iPod!!!!
    Please and thank you.
    xKeegaNx

    Try increasing the resolution of your computer's screen (right-click on the desktop -> Properties - Settings; you want 1024x768 or higher) and perhaps then you'll be able to see all the buttons and controls in iTunes.

  • Need help with PAGES in the document file will not open

    Hi if anyone can help me I woud appreciate it-
    I downlaoded awhile back the new software X and eveything was fine till I tried to open some documents (pages) and it will NOT OPEN a window pops up a newer version is available but when I go in there are NO UPDATES and I really do not think I need to buy a newer version do I?
    Please Help

    When you installed the latest version of Pages (and other iWork apps), the older versions were saved in a folder named "iWorks '09" in the Applications folder. You're trying to open a document that was saved in Pages 5 or in Pages for iOS using the older version of Pages. What you probably need to do is remove the Dock icon and drag Pages 5 into the Dock.

  • Beginner needs help with css layout

    i'm new to using dw (cs3) and css, though i have some
    background in html and coding. i'm creating a page using the "one
    column elastic, centered, header and footer" layout and i have a
    banner header with a horizontal spry menu bar at the bottom of the
    header. the background color of the buttons on the menu bar is red,
    and there's a yellow 5px border on the top and bottom of the red
    menu bar, so it looks like there's red bar with yellow piping above
    and below it, and this bar is between the header and body section
    of the page. i've set these colors in the "ul.MenuBarHorizontal a"
    rule.
    now, the issue i have is that my menu bar does not extend
    across the entire column, so there's empty space to the right of my
    menu bar (between the end of the menu bar and the far right
    column). i'd like the look of the red and yellow menu bar to extend
    all the way across, but i can't figure out how to do this in css.
    do i:
    extend the menu bar all the way across the width of the page?
    i can't figure out how to do this.
    insert an image to make it appear as though the red and
    yellow bar keeps extending to the right? if so, how will that image
    remain elastic along with my page?
    or is there a better solution?
    i'm very new to css and i'm doing my best to figure out how
    everything fits together. the last web site i built was in 1997 and
    it was done in notepad. any help would be tremendous. i'm in
    kinshasa, in the democratic republic of congo, and truth be told
    there aren't a lot of dw gurus out here.
    thanks in advance...

    Can you post a link to your page, please?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "charliemooreiv" <[email protected]> wrote
    in message
    news:[email protected]...
    > i'm new to using dw (cs3) and css, though i have some
    background in html
    > and
    > coding. i'm creating a page using the "one column
    elastic, centered,
    > header
    > and footer" layout and i have a banner header with a
    horizontal spry menu
    > bar
    > at the bottom of the header. the background color of the
    buttons on the
    > menu
    > bar is red, and there's a yellow 5px border on the top
    and bottom of the
    > red
    > menu bar, so it looks like there's red bar with yellow
    piping above and
    > below
    > it, and this bar is between the header and body section
    of the page. i've
    > set
    > these colors in the "ul.MenuBarHorizontal a" rule.
    >
    > now, the issue i have is that my menu bar does not
    extend across the
    > entire
    > column, so there's empty space to the right of my menu
    bar (between the
    > end of
    > the menu bar and the far right column). i'd like the
    look of the red and
    > yellow menu bar to extend all the way across, but i
    can't figure out how
    > to do
    > this in css.
    >
    > do i:
    >
    > extend the menu bar all the way across the width of the
    page? i can't
    > figure
    > out how to do this.
    >
    > insert an image to make it appear as though the red and
    yellow bar keeps
    > extending to the right? if so, how will that image
    remain elastic along
    > with
    > my page?
    >
    > or is there a better solution?
    >
    > i'm very new to css and i'm doing my best to figure out
    how everything
    > fits
    > together. the last web site i built was in 1997 and it
    was done in
    > notepad.
    > any help would be tremendous. i'm in kinshasa, in the
    democratic republic
    > of
    > congo, and truth be told there aren't a lot of dw gurus
    out here.
    >
    > thanks in advance...
    >

  • Help with page layout please

    This may be a stupid question, but I am new and still
    learning. I hope that someone will help me out. I am learning
    Dreamweaver and I notice that some more advanced looking pages have
    better looking layouts. For example this link
    http://www.templatemonster.com/website-templates/20061.html
    is of a page that has a heading box with Newspaper text and then
    the page background color appears to be off white… But on top
    of the heading box and the background, It appears to be a large
    rectangular box with more boxes inside it and the biggest box
    overlays the newspaper heading box slightly. What is this called
    and how do I achieve this? I am thinking this is some type of
    advanced form of tables. But I notice on other pages ex:
    http://www.templatemonster.com/website-templates/19973.html,
    http://www.templatemonster.com/website-templates/19976.html
    some boxes are rounder and they are placed all over the page…
    I didn’t think you could move/adjust tables in Dreamweaver. I
    notice that some pages even have different background design on
    some parts of the background and not all… how is that
    possible if you can only select a solid color for your background
    color in Dreamweaver? Are there tutorials somewhere that I could
    follow?

    >more advanced looking pages have better looking layouts.
    Ok... so take a look at the CODE for those pages... As well
    as the links below - another way to learn (including anyone else's
    bad habits) is to find a page you like, and then tell your web
    browser to show you the code view for the page and/or do a "Save
    As" and save the page to your computer to then copy & paste
    code segments into your file (in IE click View at the top, select
    Source from the options)
    HTML and/or DW Tutorials
    http://validator.w3.org/
    http://www.w3schools.com/
    http://www.adobe.com/devnet/
    http://www.scriptarchive.com/
    http://www.htmldog.com/guides/
    http://www.htmlcodetutorial.com/
    http://alistapart.com/topics/code
    Download User Guide PDF for easy search
    http://www.adobe.com/support/documentation
    http://lynda.com/ Hours of videos.
    (must pay)
    http://www.projectseven.com/tutorials/index.htm
    If not PDF (link above) an online guide to read
    http://livedocs.adobe.com/en_US/Dreamweaver/9.0/
    Customizing the layouts that come with CS3 (VIDEO)
    http://www.adobe.com/designcenter/video_workshop/?id=vid0155
    For those using MySQL - Installing PHP and MySQL on Windows
    XP
    http://www.webassist.com/professional/products/solutionrecipes.asp
    Community MX lessons
    http://www.communitymx.com/abstract.cfm?cid=3D074
    http://www.adobe.com/cfusion/designcenter/search.cfm?product=Dreamweaver&go=Go

  • Need Help Centering Page in Browser Window

    I'm designing my pages by creating a graphic framework in
    Photoshop, slicing and exporting images into css using Fireworks to
    a Dreamweaver html page. These pages look great; but they load into
    the upper left corner of the browser window
    I was taking a Dreamweaver class at the Denver Art Institute,
    that was worthless. I dropped the class after the 4th week and am
    now teaching myself. I asked the teacher how to center this kind of
    page in a browser window, so the page would behave like most
    webpages, centering as you change the width of the browser window.
    I also wanted to add a repeating pattern in a background image. She
    told me that she didn't know how, that I would have to build the
    background into my Photoshop file. So, that's what I've been doing.
    However, when people with smaller monitors change pages within a
    site the built-in background requires them to recenter the page
    manually each time.
    Is there a way to center the page and add a background image
    that is not built in? I've tried using Dreamweaver's background
    image and margins in the Page Properties; but that just pushes the
    page to the upper left and adds the background to the right and
    bottom of the page.
    Please visit:
    http://www.livingwater.la,
    http://www.renegadegraphics.biz
    and
    http://www.dentalmatchmakers.net
    for examples.
    Thanks for your help.
    Mary

    >I was taking a Dreamweaver class at the Denver Art
    Institute, that was worthless
    Yes, those classes usually are worthless because they focus
    on using the tool without giving you the proper foundation for
    understanding and managing html and css. Unfortunately, all of the
    example sites you gave you AP Divs (layers) as a primary layout
    method, which is a terrible approach. AP Divs should be used rarely
    if ever, and only when you understand how they work. When the
    visitors font is sized differently than you expected, the site
    falls apart. The correct approach is to learn web
    design/development outside of the context of a specific
    application.
    http://www.w3schools.com/html/
    is a good place to start for a basic understanding of html and css.
    And some basic layout techniques can be found here:
    http://apptools.com/examples/pagelayout101.php

Maybe you are looking for