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.SHi
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 -
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.
ShiofanHi, 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 -
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 -
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,
HaqEdward,
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 PatilHi,
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 -
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
Koenhttp://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 AdvanceHi,
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
-
Has anyone else had this issue? it has happened to me before and i ended up having to re do all the work i had already done on another computer and now its happened again before a really big deadline for one of my uni projects and i dont want to loos
-
ICloud on iPad and iPhone config
Good morning, i have an icloud ID : [email protected] when i log in on the internet to icloud.com with my macbook pro (running Mavericks) : i have all apps and working well : contacts,agenda,pages,number,keywords,.... (even when i work in the app nu
-
CS6 Windows 8.1 Playback and Recording errors
We are running Audition CS6 on newer Windows 8.1 computers, using the internal sounds cards to eliminate any USB or driver issues as culprits. Here is a breakdown of our problems: When opening a file from an external program, Audition will not play
-
Is't possible to partionate the time capsule ?
i'd like to split the time capsule, so my wife and i can use it for time machine. We have one computer each
-
USB 3.0 Network Adapter Problem (StartTech​)
Hello- I periodically use a USB 3.0 Network adaptor for my Carbon X1 (It is the Startech USB31000S). Our network policy is to disable WIFI when the adaptor is connected. Frequently, when I disconnect the USB from the computer to move to a different