Dynamically displaying ADF rich components in UI, when page loads

Hi All
Could you please tell me how to display ADF 11g rich components in UI programmatically from managed bean, when page loads.
I tried to call onPageLoad() from pagePhaseListener, however no idea how to set the components to the UI from onPageLoad() method. Please someone help me.
Regards
Venkat.S

Thanks for your response Abhijit.
However in the given video, ADF components are displaying only after clicking the button. But i need to know how to display those components dynamically when page loads(i.e, i wont be clicking any button). While page loads those components should display dynamically.

Similar Messages

  • Displaying "af:panel accordion" dynamically in UI when page loads

    Hi
    My problem is, whenever my homepage loads "af:panel accordian" should display dynamically in UI. Like, if I mention value 4 in manged bean it should display 4 panel accordion in UI when it loads, and if it is 6 then it should display 6 panel accordion in my homepage.
    Please help me in this issue. Looking forward for you response.
    Regards
    Venkat.S

    Hi
    Actually only one panel accordion will be in my UI(sorry for my previous message), but the "af:showdetailitem" under af:panel accordion will differ and the values of this will varies each time when the page loads. So dynamically i should add af:showDetailItem into this af:panelAccordion from manged bean.
    Regards
    Venkat.S

  • Inputtext component refreshes and the entered data is vanishes only happen when page loads first time

    Hi,
    Am using 11.1.1.5 adf jdev.
    I got unique issue , i have couple of jsff seach pages . In jsff , i have user enterable inputtext box ,Issue is when user enters data for first time . the component refreshes and the entered data is vanishes .
    But it happen for the first time when page loads, There is no partial triggers on dat input text box.

    Hi John,
    My page is not a part of a task flow. The whole app is an Admin app comprising of multiple individual pages navigated using Menu.
    I have tried to run this page individually on my local machine as well as when deployed on the WLS server. The behavior is the same.
    Kindly advice,
    Thanks,
    Ram

  • Javascript in 'Execute when page loads', not working when paging results grid

    I have some Javascript in an Apex page, running in 'Execute when page loads'. It does some stuff to a results grid. It works fine on page load, but then doesn't run when I page through, or sort the grid. I presume this is because the grid is being sorted / paged using Ajax, which means the page isn't being fully loaded.
    Is there anywhere else I can put the code so it gets applied to the grid on sorts and paging?

    Thanks, works perfectly! I used the After Refresh and just selected the region I wanted to trigger the Javascript, and it works great. As you say the scope needs to be Dynamic.
    For anyone else reading this, something which caught me out was that my reports region was using the No Template setting, and the Dynamic Action didn't work, as it requires you to use a template which contains #REGION_STATIC_ID# - which is used by the dynamic action to identify the region. Once I switched to using a template, it worked fine.

  • Pagination - JavaScipt in "Execute when Page Loads" stop working

    I'm using APEX 4.0.
    I have a standard report region on a page. In the page's JavaScript - Execute When Page Loads area, I put some javascript code there to initialize hover event handlers for dropdown menus inside the report. It works fine when the report is genarated.
    But it stop working when a pagination performed. For example, after clicked 'next" or any number form the pagination dropdown list.
    Please advice how to fix it. Thanks.
    Shiofan

    Hi, Peter:
    Thanks for the quick reply. That is appreciated.
    My code involves only CSS and JQuery.
    I have found out the reason. It is because "Enable Partial Page Refresh" was set to Yes. ( that is the default by APEX, isn't it? ). After I reset it to No, the dropdown menu does work fine after pagination.
    I don't know how APEX pagination work together with report attribute "Enable Partial Page Refresh". To me, no matter what, the style sheet, the JavaScript put in page template/page header should always be included since they are common to the page. Can we say this is an APEX bug need to be fixed?
    Thanks again.
    Shiofan

  • ADF Faces Components and HTML/JSP Pages

    We would like to create HTML/JSP pages and include some of the ADF Faces Components; ie: date picker, radio buttons, etc.
    When we develop this type of page, upon running in the embedded OC4J, the HTML is processed first and then the ADF Faces Components are processed. In the design panel/editor, everything is in the correct sequence. Upon running in the OC4J, it doesn't matter where in the code we place the ADF Faces Components, these ADF Faces Components always appear at the end of the other HTML and JSF Faces components in the displayed page.
    How can we mix the two technologies? ADF Faces alone is not flexible enough for our needs. We want to use the JSP:include tag for reusable code which works fine in a HTML/JSP page, but not in a ADF Faces PanelPage or PanelBorder or anything similar.
    We're running the EA17 version of the tag library.
    Can we mix the technologies? What are we missing? Is this an issue with the embedded OC4J? Will it make a difference if we develop JSP pages as pure JSP or the JSPX option?
    Thank you.
    Message was edited by:
    [email protected]

    The following tag lib allowed me to mix HTML and JSF tags (not sure about other JSP tags though). Hope this helps:
    http://jsftutorials.net/htmLib/
    Chris

  • Display lov when page load

    hi i have a situation where i what lov to popup when the page load.my situation is i what a lov to popup with , the list of organisation when the page load and when the page load it must display only information for that selected organisation,has anyone done that.am in jdeveloper 11.1.1.6.0

    ok the organisation is selected in the first page which load,i what to select organisation and navigate to next page whare there is only that organisation details
    my first page is below
    <?xml version='1.0' encoding='UTF-8'?>
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
              xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
              xmlns:f="http://java.sun.com/jsf/core">
      <af:panelSplitter id="ps1" orientation="vertical" splitterPosition="148">
        <f:facet name="first"/>
        <f:facet name="second">
          <af:panelStretchLayout id="psl1" startWidth="126px" endWidth="124px">
            <f:facet name="bottom"/>
            <f:facet name="center">
              <af:panelStretchLayout id="psl2" endWidth="137px" startWidth="220px">
                <f:facet name="center">
                  <af:panelGroupLayout id="pgl1" layout="vertical" valign="middle"
                                       halign="center">
                    <af:panelStretchLayout id="psl3"
                                           inlineStyle="width:732px; height:340px;"
                                           bottomHeight="100px">
                      <f:facet name="bottom">
                        <af:panelGroupLayout id="pgl2" layout="vertical"
                                             valign="middle" halign="center">
                          <af:panelHeader text="Select Organisation To Update" id="ph1"
                                          inlineStyle="border-style:ridge; border-color:Blue; height:57px;">
                            <f:facet name="context">
                              <af:toolbar id="t1">
                                <af:commandButton text="UpdateOrganisation" id="cb1"
                                                  action="UpdOrg"/>
                              </af:toolbar>
                            </f:facet>
                            <f:facet name="menuBar"/>
                            <f:facet name="toolbar"/>
                            <f:facet name="legend"/>
                            <f:facet name="info"/>
                          </af:panelHeader>
                          <af:panelFormLayout id="pfl1"
                                              inlineStyle="border-color:Blue; border-style:ridge; height:24px; width:720px;">
                            <af:selectOneChoice value="#{bindings.OrgName.inputValue}"
                                                label="OrganisationName"
                                                required="#{bindings.OrgName.hints.mandatory}"
                                                shortDesc="#{bindings.OrgName.hints.tooltip}"
                                                id="soc1">
                              <f:selectItems value="#{bindings.OrgName.items}"
                                             id="si1"/>
                            </af:selectOneChoice>
                          </af:panelFormLayout>
                        </af:panelGroupLayout>
                      </f:facet>
                      <f:facet name="start"/>
                      <f:facet name="end"/>
                      <f:facet name="top"/>
                    </af:panelStretchLayout>
                  </af:panelGroupLayout>
                </f:facet>
                <f:facet name="top"/>
              </af:panelStretchLayout>
            </f:facet>
            <f:facet name="start"/>
            <f:facet name="end"/>
            <f:facet name="top"/>
          </af:panelStretchLayout>
        </f:facet>
      </af:panelSplitter>
    </jsp:root>Edited by: adf009 on 2013/02/06 5:12 PM

  • How to set Lov item property (Action type,event,parameter etc) in PR when page load

    Hi gurus
    I am new to OAF, First I need to explain my scenerio.
    I need to make some field mandatory or non mandatory based on one LOV item (Pick list or message choice list).
    for this i extended the controler and apply the changes, but in this case what heppen, It will effect only when i open the list (pop list) and click on more (Available in poplist) and it will open a new form and i select value from that form. But when I open the poplist and select the value from the same list rather going to more option (it does not open new form), then there are no effect. I though the issue with refreshing when selecting value from the same list.
    To resolving this issue what i did
    1. go to page == > the same LOV
    2. Change the Client Action properties (
         Action type  = fireAction
         event          = xxevent
        submit = true.
    After doing this when i run the page from my OAF enviroement , every thing is OK. Then I transfer the Controler to Server machine and change the controller and run the same page from the server, it has the same refreshing issue, Then I thought because I did not transfer LOV such properties so this is hepening,
    Now I want to initilize such properties in Page load or what I need to do, Please advise me.
    Regards,
    Haq

    Edward,
    Thank you for the suggestion! It directly lead to my solution wherein I used CASE statements for the column in my Region SELECT such as the following:
    WHEN (:P2_GRADING_METHOD = 'CR/NC' OR scs.scs_pass_audit = 'P') AND GET_GRADE_B93 (sac.stc_final_grade, sac.stc_verified_grade) IS NULL THEN htmldb_item.select_list_from_lov (5, 'Enter Grade', 'GRADE_LOV_CRNC','onBlur="return validate_grade(this,''FW_DATE_'||ROWNUM||''')"','NO',NULL,NULL,'GRADE_'||ROWNUM)
    When the column is NULL, the Select List (LOV) contains the entry 'Enter Grade' and that is the value displayed on page load. I bypass the value 'Enter Grade' during Submit Processing where database updating occurs.
    I did not find the need to enter values for p_null_value and p_null_text since I don't believe that it would cause the 'Enter Grade' value to display on page load for null value columns but rather would enable the user to select 'Enter Grade' from the list and have a specified return value stored in htmldb_item array.
    Again, thank you for the help!

  • Opening first tab of jquery accordion when page loads

    Hello, I am wondering how I would make the first tab of my accordion to open when the page loads. It is a custom accordion and therefore it is hard to find the answer online.
    I want this to be specific to a certain page if possible rather than universal across the site.
    Here is the HTML:
    <div id="st-accordion" class="st-accordion">
                        <ul>
                            <li>
                                <a href="#">Lorem ipsum<span class="st-arrow">Open or Close</span></a>
                                <div class="st-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consequat auctor ante, sodales pretium felis auctor in. Aenean tempor, orci vel vestibulum lobortis, justo augue laoreet turpis, id consectetur dolor arcu sed arcu. Sed id dolor tellus. Nulla eros risus, sollicitudin in ultricies ac, tincidunt et nisl. Nam ac consectetur est. Morbi pretium libero in lacus semper ultricies. Vestibulum in nibh a ligula malesuada posuere ac vel lorem. Duis varius scelerisque vehicula. Maecenas convallis tellus in tellus facilisis eget sollicitudin est lacinia. Ut quam tortor, pretium non lacinia sit amet, iaculis ac ipsum. Donec quis libero accumsan felis fringilla pulvinar eget in leo.</p>
                                </div>
                            </li>
                            <li>
                                <a href="#">Lorem ipsum<span class="st-arrow">Open or Close</span></a>
                                <div class="st-content">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque consequat auctor ante, sodales pretium felis auctor in. Aenean tempor, orci vel vestibulum lobortis, justo augue laoreet turpis, id consectetur dolor arcu sed arcu. Sed id dolor tellus. Nulla eros risus, sollicitudin in ultricies ac, tincidunt et nisl. Nam ac consectetur est. Morbi pretium libero in lacus semper ultricies. Vestibulum in nibh a ligula malesuada posuere ac vel lorem. Duis varius scelerisque vehicula. Maecenas convallis tellus in tellus facilisis eget sollicitudin est lacinia. Ut quam tortor, pretium non lacinia sit amet, iaculis ac ipsum. Donec quis libero accumsan felis fringilla pulvinar eget in leo </p> 
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
            <script type="text/javascript">
                $(function() {
                                            $('#st-accordion').accordion({
                                                      oneOpenedItem          : true
            </script>
                        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
            <script type="text/javascript" src="js/jquery.accordion.js"></script>
                </div>
    And the CSS:
    .st-accordion{
        width:100%;
        min-width:270px;
        margin: 0 auto;
    }.st-accordion ul li{
        height: 100px;
        border-bottom: 1px solid #c7deef;
        border-top:1px solid #fff;
        overflow: hidden;
    .st-accordion ul li:first-child{
        border-top:none;
    .st-accordion ul li > a{
        font-family: 'Josefin Slab',Georgia, serif;
        text-shadow: 1px 1px 1px #fff;
        font-size: 22px;
        display: block;
        position: relative;
        line-height: 100px;
        outline:none;
        -webkit-transition:  color 0.2s ease-in-out;
        -moz-transition:  color 0.2s ease-in-out;
        -o-transition:  color 0.2s ease-in-out;
        -ms-transition:  color 0.2s ease-in-out;
        transition:  color 0.2s ease-in-out;
    .st-accordion ul li > a:hover{
        color: #1693eb;
    .st-accordion ul li > a span{
        background: transparent url(../images/down.png) no-repeat center center;
        text-indent:-9000px;
        width: 26px;
        height: 14px;
        position: absolute;
        top: 50%;
        right: -26px;
        margin-top: -7px;
        opacity:0;
        -webkit-transition:  all 0.2s ease-in-out;
        -moz-transition:  all 0.2s ease-in-out;
        -o-transition:  all 0.2s ease-in-out;
        -ms-transition:  all 0.2s ease-in-out;
        transition:  all 0.2s ease-in-out;
    .st-accordion ul li > a:hover span{
        opacity:1;
        right: 10px;
    .st-accordion ul li.st-open > a{
        color: #1693eb;
    .st-accordion ul li.st-open > a span{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        transform:rotate(180deg);
        right:10px;
        opacity:1;
    .st-content{
        padding: 5px 0px 30px 0px;
    .st-content p{
        font-size:  16px;
        font-family:  Georgia, serif;
        font-style: italic;
        line-height:  28px;
        padding: 0px 4px 15px 4px;
    .st-content img{
        width:125px;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
    @media screen and (max-width: 320px){
        .st-accordion ul li > a{
            font-size:14px;
    @media screen and (max-width: 800px){
        .st-accordion ul li > a{
            font-size:16px;
    You can find the page at http://bit.ly/Zrpt1s
    Any help is grately appreciated thanks!

    Try
    $(function() {
        $('#st-accordion').accordion({
            oneOpenedItem    : true,
           open: 0

  • Images are not showing when page load

    Hello All
    I am having lot of webparts on my page.
    In two of them webpart i applied xslt and showing image of created by person in this
    1)Announcement webpart(Wall updates)
    2)Showing blog using content by query webpart(Blogs)
    While page loading not able to load images in both webpart view.
    But when i decreases webparts on page images rendered properly.
    I think it is taking time to fetch images so timeout and showing default images.
    Kindly suggest me some way to tackle and images will displayed properly
    Thanks in advance
    Varsha Patil

    Hi,
    According to this documentation from MSDN about
    SharePoint Server 2010 capacity management: Software boundaries and limits:
    “In SharePoint Server 2010, there are certain limits that are by design and cannot be exceeded”, “The default values for these limits were defined by testing, and represent the known
    limitations of the product. Exceeding supported limits may cause unexpected results, significant decrease in performance, or other harmful effects”, “in most cases, operating at or near an established limit is not a best practice, as acceptable performance
    and reliability targets are best achieved when a farm’s design provides for a reasonable balance of limits values”.
    So it is not recommended to add many web parts into one page.
    If there is a special need to display many web parts in one page, it is recommended to reorganize the content to minimize the number of web parts in use and customization will
    be needed sometimes if the built-in web parts can’t meet the requirement.
    Best regards
    Patrick Liang
    TechNet Community Support

  • How to open List when Page loads in SharePoint Hosted App?

    I  want to create an app same like InstantPracticeManager by InstantQuick.
    Now I want to know that in a SharePoint Hosted App How can I show the Whole List in a page. 
    Here I have added one image:
    Here there is one list and there are 4 views of that list.
    Now the App will be like when I load the page It will show like the image above. Now how can we show the list like this in sharepoint hosted app?
    I want the same scenario which is shown in the following blogs:
    http://sp2013.blogspot.in/2012/08/use-list-view-in-sharepoint-2013-apps.html
    and
    http://www.sharepointnutsandbolts.com/2013/08/working-with-web-parts-within.html
    where they add a list to an app
    Can any one suggest me the idea? I am bit confused.
    thanks in advance.

    Hi,
    According to your post, my understanding is that you want to show the different list view in a page in SharePoint Hosted App.
    We can use jQuery and cross-domain library to achieve it.
    The following articles for your reference:
    Adding a Tabbed View to A Web Part Page Using jQueryUI
    http://sympmarc.com/2011/11/09/adding-a-tabbed-view-to-a-web-part-page-using-jqueryui/
    How to: Access SharePoint 2013 data from apps using the cross-domain library
    http://msdn.microsoft.com/en-us/library/office/fp179927(v=office.15).aspx
    SharePoint 2013: Get list items by using the cross-domain library (JSOM)
    http://code.msdn.microsoft.com/office/SharePoint-2013-Get-items-d48150ae/view/SourceCode#content
    Thanks,
    Dennis Guo
    TechNet Community Support
    Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
    [email protected]
    Dennis Guo
    TechNet Community Support

  • Move Layer when page loads

    Hi All,
    Busy switching from GoLive to DW and noticed that there is a
    lot to learn.
    This for instance :
    When a page loads I would like let something happen to a
    layer.
    So I made a layer deselect it and in the the behaviors I set
    an OnLoad command effects>grow/shrink.
    Nothing happens when I look at it in the browser. I have to
    click it when it springs into action.
    What am I doing wrong?
    Cheers
    Koen

    http://www.sitepoint.com/article/simple-tricks-usable-forms
    another
    http://javascript.internet.com/page-details/focus-onload.html
    i first looked for a dw snippet for it but didn't find one.
    Alan
    Adobe Community Expert, dreamweaver
    http://www.adobe.com/communities/experts/

  • How to refresh JSFF page only when page loaded using ADF 11g

    Hi
    I am facing an issue with prepreModel() usage in the .jsff page fragment. I want to invoke executables only when the specific jsff page get's loaded. I tried using 'prepareModel' as a refresh condition, but I can see always executables are getting executed. Does 'prepareModel' behaves differently for .jsff when compared to .jspx ?
    Thanks in Advance

    Hi,
    ADF Regions have a slightly modified lifecycle. However, prepareModel behaves the same. Its marking a specific time in the ADF request lifecycle when the iterators are refreshed. Try prepareModelIfNeeded
    Frank

  • Reg dynamically displaying records from database into a jsp page

    I am working in a project which is using struts and hibernate.In a class I gave code for retrieving data from a table and I put it in a list.
    List retrieveList;
    public List getRetrieveList() {
    String SQL_QUERY ="from student s";
    Query query = session.createQuery(SQL_QUERY);
    retrieveList = query.list();
    return retrieveList;
    public void setRetrieveList(List retrieveList) {
    this.retrieveList = retrieveList;
    And this list value I want to be displayed in a jsp page.What I have given is :
    <jsp:useBean id="records" class="StudentImpl" scope="session" />
    <bean:define id="list" name="records" property="retrieveList" />
    <table align="center" bordercolor="black" cellpadding="10" cellspacing="10">
    <logic:iterate id="data" name="list" type="pojo.student" indexId="index">
    <tr>
    <td><html:multibox property="checked" value=""></html:multibox></td>
    <td><bean:write name="data" property="studentname" /></td>
    <td><bean:write name="data" property="age" /></td>
    </tr>
    </logic:iterate>
    </table>
    When I run my jsp page its showing an error
    org.apache.jasper.JasperException: [Ljava.lang.Object; cannot be cast to pojo.Student
    can anyone resolve this problem?                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

    ya i got through criteria query.
    Transaction tx = session.beginTransaction();
              try{
                   Criteria query = session.createCriteria(Student.class);
                   list = (ArrayList)query.list();
                   tx.commit();
                   setRetrieveList(list);
                   session.close();
              catch(Exception e){
                   System.out.println(e);
              }

  • Executing code from a Bean only once when page loads

    Hi all,
    I have a method in a BackingBean which access UI Bindings from my fragment: xxx.jsff.
    So that method has to be invoked from a inside that fragment since access Bindings from xxxPageDef.xml
    I need to execute that code one and only one time when that fragment loads.
    What is the best approach to my case????

    Thanks Pino for your reply.
    Since the fragment does not have OnLoad event, I have no option than to find a work around.
    That is exactly what I am doing.
    I have a PageFlowScope variable which is set to true or false depending if I have input parameter value or not.
    That variable is re-sated when the user pressed a button.
    The problem was where to stick to code that will disable components if needed.
    So I used one component and in its Rendered method I put the code that will disable components if needed (based on my PageFlowScope variable value).
    Works perfectly fine, but it would be much nicer if there was more natural way of doing it (with OnLoad event on fragment).
    Regards.

Maybe you are looking for