How to create a floating layout using adf

Hello
I use Jdeveloper 11 g to develop an application.
I just came across problems when I am trying to build the look and feel.
Basically, I want to develop according to the following link.

http://Webfusion.KCMO.org/coldfusionapps/ActionCenterRequest/GetStatus.cfm

I was able to create available to help adf page layouts and components (af:panelStechlayout, af:panelgrouplayout), but the problem, I faced, I want the whole page to scroll and have a floating layout.
But in my case, the panels are scrolling, so when I resize the browser, or change the resolution, everything seems to be broken in pieces.
In addition to recreate the schema above, I include everything under the 'Centre' facet, where the use of models creates questions.

Here is the code I use (just the code of the structure), it looks like simple preety but I'm not able to understand this one.
<?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 title="findcase" id="d1">
      <af:form id="f1">
        <af:panelStretchLayout startWidth="100px" endWidth="100px" id="psl2">
         
          <f:facet name="center">
            <af:panelStretchLayout endWidth="63px" id="psl1"  topHeight="120px" bottomHeight="50px"
            inlineStyle="font: 100% Arial, Helvetica, sans-serif;background: #2A3644;font-size: 13px;margin: 0;padding: 0;text-align: center;color: #000000;"
                                   startWidth="44px">
            
              <f:facet name="center">
               <!-- Header -->
               <af:panelGroupLayout layout="scroll"
                                     xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                     id="pgl3">
                  <af:image source="http://cfdev.kcmo.org/coldfusionapps/templates/images/kcmo_banner.jpg"
                            shortDesc="header" id="i1"
                            inlineStyle="width:960px; height:77.0px;"/>
                  <af:panelGroupLayout id="pgl2" inlineStyle="height:33.0px;">
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/home.jpg"
                              shortDesc="menu1" id="i2"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/services.jpg"
                              shortDesc="menu2" id="i3"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/residents.jpg"
                              shortDesc="menu3" id="i4"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/business.jpg"
                              shortDesc="menu4" id="i5"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/visitors2.jpg"
                              shortDesc="menu5" id="i6"/>
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/officials2.jpg"
                              shortDesc="menu6" id="i7"/>
                    <!--af:panelGroupLayout id="pgl4"-->
                      <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_slice.jpg"
                                shortDesc="searcharea" id="i8"
                                inlineStyle="background-repeat:repeat; width:355px; height:35.0px;"/>
                    <!--/af:panelGroupLayout-->
                    <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_lower.jpg"
                              shortDesc="banner" id="i9"
                              inlineStyle="width:960px; height:7.0px;"/>
                  </af:panelGroupLayout>
                 <!-- starting the center section -->
                  <af:panelStretchLayout id="psl3" inlineStyle="width:960px; margin:auto; background-color:White;"
                                         startWidth="232px">
                    
                    <f:facet name="center">
                     <!-- your page content goes here -->
                      <af:outputText value="outputText1" id="ot3"/>
                    </f:facet>
                   <!-- side navigation panel -->
                    <f:facet name="start">
                      <af:panelGroupLayout id="pgl1" inlineStyle="float:left; margin:5px; width:236.0px;background-color:#edf0f5;text-align: center;">
                       <af:goLink text="City Government" id="gl1"
                               destination="http://www.kcmo.org/CKCMO/Depts/CityManagersOffice/InternshipsandfellowshipswiththeCity/KansasCityGovernment/index.htm"
                               inlineStyle="font-family:Arial, Helvetica, sans-serif; font-size:10px;     color:#395F76;     font-weight:bold;"/>
                      <br/>
                        <af:goLink text="Codes and Ordinances" id="gl2"
                                   destination="http://cityclerk.kcmo.org/liveweb/common/"
                                   targetFrame="_blank"/>
                        
                      </af:panelGroupLayout>
                    </f:facet>
                    <f:facet name="end"/>
                  
                  </af:panelStretchLayout>
                  
                </af:panelGroupLayout>
                
              </f:facet>
              <f:facet name="end">
                <af:outputText value="" id="ot2"/>
              </f:facet>
               <f:facet name="start">
            <af:outputText value="" id="ot1"/>
          </f:facet>
            </af:panelStretchLayout>
          </f:facet>
        </af:panelStretchLayout>
      </af:form>
    </af:document>
  </f:view>
</jsp:root>
Any help will be much appreciated.
Thanks in advance
Ash

Try to create a layout that uses a panelGroup static when the container upper and use panelBorders inside.
Something like this:



  
  
    
      
        
          
            
            
            
            
              
                
                
                  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                
              
            
            
              
                
                  
                  
                
              
              
              
              
              
                
                
                
              
            
          
        
      
    
  

Tags: Java

Similar Questions

  • How to create component message layout, Standard region page header?

    Hi all

    Please help me on this

    How to create component message layout, header region page Standard using customization?

    Thanx

    Hello

    create the header area and component message page layout in your JDEV with VO required, AM a CO server migration.

    Go to the page you need and then create the stack layout using personalization and in her extends well provided that the path for the region you created in JDev.

    Hope this will help with customization, it is not possible to create the header region.

    Kind regards
    Out Sharma

  • How to create the user account using the command?

    How to create the user account using the command?

    Open cmd as administrator, and then type the following commands one after the other

    NET user / add program mypassword
    net localgroup administrators program / add
    net share concfg * C:------/ grant: program, complete
    This will create a user account with the name "Program" and the password "MonMotpasse".

    You can create the user name and password of your choice.
  • How to create e-commerce site using adobe muse from the beginning to the end, please

    How to create e-commerce site using adobe muse from the beginning to the end, please

    Mylenium, why comment you on the forums of Muse? I've never seen a useful comment on these forums. You seem to just upset against Muse all the time.

    in any case, definitely go with widgets Ecwid and J-26. They are the best.

  • Please how to create an e-commerce using the muse of adobe

    Please how to create an e-commerce using the muse of adobe

    ECWID is certainly the easiest to customize muse and it's very easy for customers to add/manage products. Another thing that many people love in Ecwid, it's that you can host several stores account. If you know css/javascript then you can do this on your own, but if you want a widget that does, make these widgets.

    If you are looking for some great Ecwid widgets, you can enter these ones that are free. And if you are wanting to customize even more (including the ability to host multiple account stores), you can get these even more impressive widgets for $14.99 with promo code: 1MUSESTORE #.

  • How are mobile and tablets layouts using the new sensitive update?

    I'm trying to decide if I want to apply the new update of reagent Muse and risk dealing with software problems and a learning curve, or if I should just continue with the older version. I can't find enough information tutorial to tell me exactly how this will work.  I hope that this question will make sense and thanks for any help:

    I'm working on a site that I had designed to "hack" a significant effect using lever of QooQee of page layout, so I've already compressed and versions mobile site that appear as versions of the homepage - Minies, but adapted to a more narrow screen.   As a reactive office site, it works 'just ok', but could certainly be improved.   Mobile and tablet of sites, because they are static, fine work and are made up of the way I want them to be.   But I don't know how the new program will result in these versions. I always 'shall' separate layouts for Tablet and mobile, or will/can they now be included in a site of unique, primary, sensitive desktop using different views breakpoint?

    If, then, a much more important question is how various devices with screen/resolutions sizes hen will use these alternate provisions: to decide WHAT specific breakpoint display is used for mobile and tablet devices, respectively and in general?  Or the CAMERA decides what breakpoint view is used, based on the screen resolution or size of the screen or something else?

    With the old Muse, I am currently able to dictate exactly how an overall composition to appear on ANY tablet or mobile - even if the page layout design width does not match the device width or to the browser - because WHAT THE DESIRE COMPOSITION SCALES TO FILL the SCREEN, no MATTER HOW WIDE MY setting PAGE IS.  Can I still expect this behavior, or I will now compose layouts even more in order to ensure that the composition looks good on any possible device? 

    Even with a good design "fluid", it is inevitable that there will be intermediate points during which a page layout is less ideally composed from an artistic point of view.   I don't care if a user "cross" these points while scaling a browser, but, ultimately, I WANT to BE CAPABLE OF DICTER EXACTLY HOW YEAR COMPOSITION WILL APPEAR ON ANY SCREEN TOTAL.

    Again, hope this is logic, and thank you for any idea.

    You can create a 'hybrid' site of fluid layouts fixed device and stop points. Muse paid tribute to previous how to design the page layout. Technically, you just set your breakpoints to the more narrow view that you expect to have a desktop computer, the default 960, for example.

    David

    Creative muse

  • How to create a custom page for ADF security?

    Dear all,

    Now I am developing an application. I am facing the problem of security. Now I need to guarantee me the application (user, group, role etc...)

    Oracle recommends me to use internal LDAP WebLogic or OID. But how to create custom for this security management pages? Are there examples?

    Reason:
    (1) the customer does not have LDAP
    (2) Admin or Manager client without having to access Weblogic server (no sense).

    We need to create pages on my request and is managing the internal users, role and group using LDAP or OID.

    Thank you.

    You don't need to create an additional custom page for the use of LDAP. Just set up security WLS and group mappings to use users configured on the LDAP server (any).

    If you already use the ADF security, you should have a created even when custom login page. This can be used. (as described here: http://www.oracle.com/technetwork/developer-tools/jdev/ccset29-all-089763.html)

    HTH,
    -olaf

  • How to create the form empty in adf

    Hi I am using jdeveloper 12 c to create a web application using ejb3 and jsf

    When I drag and drop to data controls, I must add the button 'create' to create a new empty line.

    I want to get an empty form instead of display the first line in the database directly and by clicking on the button 'create'... is it possible? If it is - can anyone help me please?...

    I use jsf and jpa, ejb3 and jdeveloper 12.1.3.0.0 for presentation...

    You build a workflow bounded to it. The stubborn workflow has an activity that is always called when you enter the workflow. in your case, it the createInsert operation. That you access the page view for the form, which is now empty, as the framework comes to create a new line that you enter data.

    This sample https://tompeez.wordpress.com/2012/12/01/jdeveloper-11-1-1-5-0-use-router-to-create-new-row-or-edit-existing/ usues adfbc but you see the stubborn workflow and how it is used to create a new line or to display existing data using a router.

    Timo

  • How to create a flat rack using vanishing point

    Hi, I'm trying to follow this tutorial on how to create anamorphic images and I don't know how to use the vanishing point. I have no idea to create a flat grid as it says. Also, does the number of lines in a case of grid? Because in the picture it's like five lines throughout, and when I create a grid, it's at least twenty lines everywhere.

    If someone could help me, that would be helpful! I have an art of the final scheduled in two days.

    Activate the Vanishing Point filter.

    Click on the four corners of a rectangle.

    The size of the grid is not important for the functioning of the filter: it is a visual aid. It is adjusted by the control labeled "Size of the grid" upstairs to the left of the filter window. The tutorial is said to use 121 on an A4 page, so you should do it.

    In the dropdown at the top left menu, choose "make grids to Photoshop".

    Click OK at the bottom right to complete the creation of grid and out the filter.

  • How to create a dynamic newsflash using dreamweaver and PHP

    Hello

    I would like to create a dynamic newsflash using dreamweaver and PHP because newsflash will be snapped up information from a MySQL database. The Bulletin-Flash should also have a link to view more information about the piece of news a user wants to learn more. What tools do I need to use in dreamweaver and how is the procedure to go about it. All opinions are appreciated. Thanks in advance!

    Sermon of Ras wrote:

    I tried using the spry effects, but it does not work. Is there a best way to do this?

    Google "jquery vertical newsticker" ;-)

  • How to create a scrolling pages using Acrobat 5.0 for Windows (multi)

    How to create a multi page document that can be scrolled? I want to place a drawing, I have in pdf format, on each page of the document, and then send via email if the recipient can open and scroll through the pages to see all the designs.

    If I understand your situation, you have a lot of PDFs, each with a chart. You want to combine. Just open the first PDF and then go to Document > insert Pages to add pages. If they come out in the wrong order, simply use the thumbnails to rearrange. Save the file using Save as.

  • How to create a database by using Visual Basic 2013?

    Original title: I need a teaching aid

    I have been programming since the beginning of the 1980s as a hobby.  I want to create a database by using Visual Basic 2013 but I have difficulty finding the information as required to fit.

    When I was with VB6 I used a book: beginning Visual Database 6 database programming by John Connell

    This book taught me everything I needed to know.  He used control arrays (I understand are now mocked) to define the forms of "state machines" which I liked a lot.

    I could go back and reinstall VB6 but I would learn instead to perform all necessary steps in VB 2013.  Can anyone suggest a similar book?

    I used the COBOL, FORTRAN, VBA, VB6, Basica, etc..  But through it all to adapt to new versions has never been so difficult.  I believe that the adaptation will be difficult if I can find a book that explain the changes.

    Hello

    Your message is addressed in the discussions on these Microsoft Community forums. It is better suited for the MSDN Developer audience. Go to the links below and ask your question in the appropriate forum.

    MSDN forums: Index

    http://social.msdn.Microsoft.com/forums/en-us/categories

    MSDN forums:

    http://social.msdn.Microsoft.com/forums/en-us/home#category=usingforums&filter=AllTypes&sort=lastpostdesc&content=content

    Concerning

  • How to create a static ARP using SNMP?

    Hello

    I want to create a static ARP using SNMP.

    I can delete an ARP by setting oid ' 1.3.6.1.2.1.4.22.1.4' to '2'.

    But none of

    '1.3.6.1.2.1.4.22.1.1 '.

    '1.3.6.1.2.1.4.22.1.2 '.

    '1.3.6.1.2.1.4.22.1.3 '.

    '1.3.6.1.2.1.4.22.1.4 '.

    can be modified or created

    SNMP-server community is RW

    I can change the other oid, for example 'type sysName' oid 1.3.6.1.2.1.1.5.0

    I used this command to create a new ARP:

    set SNMP v2 192.168.10.1 private oid 1.3.6.1.2.1.4.22.1.1 integer 1

    the answer:

    SNMP response: reqid 16, errstat 11, erridx 1

    ipNetToMediaEntry.1 = 1

    errstat 11 is NOCREATION

    And I used the tool "Mib Browser" to set a static ARP.

    the answer is NOCREATION too.

    I searched a lot of time, a lot of people have this problem,

    someone said the oid ipNetToPhysicalPhysAddress or inetCidrRouteTable is alternative,

    but our switch do not have these oids.

    I can't find a solution.

    I want to know if the task can be performed.

    Help, please.

    Concerning

    Dear Fu

    Thank you to reach small business support community.

    I'm not positive, that this can be done on small business goes, however, what is your version of the model and the firmware of the switch so I can continue the investigation.

    I'll be looking forward to your reply.

    Kind regards

    Jeffrey Rodriguez S... : | :. : | :.
    Support Engineer Cisco client

    * Please rate the Post so other will know when an answer has been found.

  • How to create a bike games using flash AS3?

    Je wanted create a motorcycle games using Flash . but Je ne know base. If anyone is loan to help the ?

    If you need assistance with specific questions, ask.  If you want someone to do it for you, you will probably need to hire someone.

  • How to create a page layout in Dreamweaver CC?

    I need to be able to create in CC kind of layout that is obtained by selecting "two fixed columns, left sidebar" column layout in the new Dreamweaver CS6 Document dialog box.  Cs6 has many options in the column layout, CC has two.  My book (CS6) tells me to select this provision in the list, but there is no more than the list.  I guess I can create the same model, but I don't know how. I hope that someone out there does.

    CC has two facilities of HTML5, that you can use.  columns 2 and 3 columns.  Use one 2-column and set the CSS width to everything that you need.

    Nancy O.

Maybe you are looking for

  • C756ca: My 67588082 Code

    Hard drive crashed. Cannot change the boot device order. BIOS has admin password that I don't know. Is there any way in the bios?

  • Internet access Satellite A100-147

    I have an Equium A100-147 with Toshiba, I've upgraded to Vista, all seemed well, I can connect to the Internet via the wireless, Ethernet and all OK series at home. I take the laptop for work to connect to the internet via an ethernet connection ever

  • Satellite U200-160 - Noicy CPU fan - where to get a new

    Anyone know where I can get a new CPU fan?Please I'm running the processor power less noise, but the result of this is that the pc is running more slowly than normal.

  • Requirement of Snapfish? for eprint

    Just bought a HP Photosmart 7520 and am trying to register to use eprint.  I get the instructions installation but cannot save because I must have a password account Snapfish.  Nowhere in any documentation or videos I see this requirement.  I'm not j

  • Cannot install "FB Fahrenheit".

    Original title: Hi everyone! I need HELP! Just bought 'FB Fahrenheit"- James Renouf, and impossible to install on my XP M/soft - apparently, I'm to download & install M/soft.net Framework 4.0... But do not know which free to download on the site of M