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
Similar Messages
-
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.SThanks 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. -
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. -
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 -
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 -
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 -
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 -
I have just bought an iPad, partly to check that my websites work OK on mobile devices. When I load a page with several jpgs (e.g. one 1920x720, then 8-10 800x800px), only the first few are shown. If I remove the large one, that sometimes fixes the problem. Behaviour is similar for Safari and Chrome. Is this a website issue or iPad?
Sorry, I didn't make myself clear. I'm using a new Wordpress theme that is meant to be responsive. The large image is for a header, than you scroll down to see the rest, one by one. Some one the pages work OK on my iPad, typically the old ones where the maximum image size was 500 x 500. It's the new pages and those I've updated that are causing the problem. On the iPad the large image loads, then a couple of the small ones become visible as I scroll down, but then darkness (rather like my knowledge level).
Being new to IOS and iPads, I'm trying to work out whether I should be looking here, or amongst the Wordpress stuff for a solution.
Here's the website with its new theme: http://www.new-zealand-pictures.com/ -
Accordion tabs flash open on page load
My accordion is set to load with no panels open. But when the
page loads all panels remain open until everything from the page is
downloaded, then they close as they're supposed to. Is there a way
to keep them closed the whole time until a tab is clicked?
Thanks!This is great! Thank you so much! The widget is working
beautifully now with cookies enabled. I don't really have any idea
how it works, but it does!
The only problem now, that I didn't notice before I made
these last changes, adding the cookies effect, updating to v1.6.1,
and adding onDOMReady, and onDOMUtils.js, is that when I click a
link to a new page within the site that the browser hasn't loaded
yet (if I clear the cache first, then browse around), then every
new page flashes my default background color across the entire
screen before letting me see the new content. Once the pages have
been loaded and are in the cache, then I can navigate through them
nicely with only the main content area changing, rather than the
whole page. Is it possible to make it so that when new links are
clicked, the side and top navigation areas, which are the same on
all pages, stay visible while the new content is loaded?
Thanks again for your help! -
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! -
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 -
Dynamic Action - Fire on Page Load problem
Greeeting,
i created report with dynamic action Event = page load and action = submit . Event scope = Bind,
But it is submitting page continously , and i want to submit once..
how i will handle this.. created example please click on link
http://apex.oracle.com/pls/apex/f?p=20294:3:1276651806269601:::::Hi,
>
Earlier on you said:
Page 1 Sales
Page 2 Sales Detail
items in sales page are product name id and rate.
<b>Product name on Page1 is linked with sales detail page 2.</b>
>
How? From your query this relation is not evident.
>
Now you say:
Parameters:
1- From Date
2- Date
3- Choose Area
>
You logic is rather mixed up. What is it that you want to achieve? What are the default values for the 3 parameters, if any? Which value on Page 2 is being set while navigating from Page 1?
Two wrongs do not make a right. So first of all abandon the DA that Sumbit Page on Page Load and focus on the fundamental issue related to your logic.
The suggested modified query below is NOT WHAT YOU NEED FOR YOUR REQUIREMENT but I am posting it so that you can at least get the report running and then work to fix your logic.
SELECT SS.OUTLET_ID,
SS.CAT_ID,
SS.ITEM_CDE,
SS.ITEM_NME,
SUM(DECODE(RETURN_IND,'N',ITEM_QTY,'Y',ITEM_QTY*-1)) QTY,
SUM(DECODE(RETURN_IND,'N',ITEM_QTY,'Y',ITEM_QTY*-1)*ITEM_RTE) AMT,
O.OUTLET_NME
FROM
(SELECT OSM.OUTLET_ID,
PI.CAT_ID,
PI.ITEM_CDE,
PI.ITEM_NME ITEM_NME,
OSM.RETURN_IND,
OSD.ITEM_QTY,
OSD.ITEM_RTE
FROM OUTLET_PRICE OP,
OUTLET_SALES_MASTER OSM,
OUTLET_SALES_DETAIL OSD,
POS_ITEM PI
WHERE OSM.OUTLET_SALES_MASTER_ID = OSD.OUTLET_SALES_MASTER_ID
AND OSM.OUTLET_ID = OSD.OUTLET_ID
AND OSD.OUTLET_PRICE_ID = OP.OUTLET_PRICE_ID
AND PI.ITEM_ID = OP.ITEM_ID
/* AND OSM.OUTLET_ID = :P2_SELECT_OUTLET
AND OSM.CONSIDERED_DTE BETWEEN :P2_FROM AND :P2_TO */
AND OSM.OUTLET_ID LIKE NVL( :P2_SELECT_OUTLET,'%')
AND OSM.CONSIDERED_DTE BETWEEN NVL(:P2_FROM,TRUNC(SYSDATE)-1) AND NVL(:P2_TO,TRUNC(SYSDATE))
UNION ALL
SELECT OSM.OUTLET_ID,
PI.CAT_ID,
PI.ITEM_CDE,
PI.ITEM_NME ITEM_NME,
OSM.RETURN_IND,
OSD.ITEM_QTY,
OSD.ITEM_RTE
FROM OUTLET_PRICE OP,
OUTLET_SALES_MASTER OSM,
OUTLET_SALES_DETAIL OSD,
ITEM I,
ITEM_CATEGORY IC,
POS_ITEM PI
WHERE OSM.OUTLET_SALES_MASTER_ID = OSD.OUTLET_SALES_MASTER_ID
AND OSM.OUTLET_ID = OSD.OUTLET_ID
--AND OSM.OUTLET_ID = :P2_SELECT_OUTLET
AND OSM.OUTLET_ID LIKE NVL(:P2_SELECT_OUTLET,'%')
AND OSD.OUTLET_PRICE_ID = OP.OUTLET_PRICE_ID
AND OP.ITEM_ID = I.ITEM_ID
AND I.CAT_ID = IC.CAT_ID
AND IC.TEMP_ITEM_ID = PI.ITEM_ID
/* AND OSM.CONSIDERED_DTE BETWEEN :P2_FROM AND :P2_TO */
AND OSM.CONSIDERED_DTE BETWEEN NVL(:P2_FROM,TRUNC(SYSDATE)-1) AND NVL(:P2_TO,TRUNC(SYSDATE))
)SS ,
OUTLET O
WHERE SS.OUTLET_ID = O.OUTLET_ID
GROUP BY SS.OUTLET_ID,
SS.CAT_ID,
SS.ITEM_CDE,
SS.ITEM_NME,
O.OUTLET_NME
ORDER BY ITEM_NMECheers, -
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/ -
Problem with accordion widget flashing open and shut when page loads
why is it that my accordion widget flashes open and shut when the page is loading (see http://vincentballmusewebsite2013test.businesscatalyst.com/digital-illustration.html#.UVDr Ehx7JyII) have tried everything to solve this, and Adobes customer service is terrible they don't get back to you when they say they will.
Please help me someone,
ThanksThank you Zak for your help, I spent 5 hours going round in circles trying to fix that problem and that's all I needed to hear, a bit of honesty and integrity.and yes, Adobes terrible customer service has still not got back to after promising 2 level technical support to contact me last Monday, I wish there'd keep their promise
Pamela, did you try my test website or my own website and if so my own has now no accordion widget on it and my test website may need you to try loading a few times to see if it really works or not, sometimes it does actually work even on a pc but most times not.
thanks for you help too.
Maybe you are looking for
-
How to update my Nano to the latest software?
I have a generation 6 Nano. When I just plugged it into my laptop, I got a message asking me to download the latest version of software into it. By the time I logged into my Apple ID, the instructions were gone. Can anyone give me an idea of how to g
-
Intel Smart Response and RAID bios option
hi unfortunately, i have lenovo M5400 and i am disappointed that i have another problem with this notebook. i cannot enable intel smart response in intel rapid storage because i ave no RAID option in bios, only compatible/ahci. why? how to fix it?
-
Invoice and Accounting Document
Hi All, I have to develop a report where I need to show the amount that for the invoices that been posted in particular GL Account say 4100001. Selection Screen will be: Invoice number Invoice Create Date Here
-
Have to login username/password everytime I start new broswer session for yahoo mail
I use yahoo as my start page. each time I start a new browser session I get a blue box that says JavaScript application, Invalid user-name/password. Try entering your email address as your user-name. I have to log in with email address and password e
-
My nano ipod fell this very day and the button and - are inserted and as soon as I light my ipod his démare on another menu with "ok to disconect" help me please I have expensive invests for me to pay it.