Scroll goes to bottom when page loads

Hi all,
I'm facing a kind of presentation problem with a Portal we are developing based on WebCenter 11g technology. We are currently using JDev 11.1.1.3.0 version.
The situation is as follows:
We have a base page (let's say base.jspx), this page contains a region and in the region a .jsff is showing some content from a Bean whose information comes from UCM. This region is divided in two parts: main content and related items (which are also the same kind of content). The action on the related items of the content being showed should reload the region shoing the new content and its related items.
The problem is that when clicking on a related item, when the region reloads, it goes automatically to the bottom if the article is long enough as to create scroll. Notice that we don't redirect to any jspx page different that base.jspx at any moment. We remain at base.jspx and it is just the region that reloads with the new information. In this sense, solutions based on javascript on the main page trying to set the window scroll to (0,0) don't work as the window itself has no scroll. It is the region that has the scroll (actually, the corresponding panelStretchLayout or PanelGroupLayout).
I've also tried to fix it with a javascript function trying to get the elementId and set its scroll, but the elements from the jsff are not visible from the jspx page.
Do you have any idea why I'm getting this behavior?
Any light you could shed on this would be highly appreciated.
thank you very much in advance
Juanma.

In seems that the problem is that the last component being shown in the PanelGroupLayout is a commandLink which has associated an af:showPrintableBehavior. The component is getting the focus on it so that's why the page goes directly to the bottom.
As I commented in previous posts, the page is not reloading, and it is part of a jsff contained in a main jspx, so javascript based solutions would be hardly possible.
Any suggestion?

Similar Messages

Web browser resets scroll position and focus when page load completes

when a page is loading, the scroll position of the page reverts to the top-left and focus in a form element is lost whenever an element or the whole page finishes loading
Post relates to: Pre p100eww (Sprint)

Possibly related to the OP's question, I wish we could get the composition page to scroll when typing a reply here on the forum (while using my Pre plus).
Quoting a reply fills half the text box, then once I reach the bottom of the box, I can't scroll any further downward to complete my reply...
WyreNut
I am a Volunteer here, not employed by HP.
You too can become an HP Expert! Details HERE!
If my post has helped you, click the Kudos Thumbs up!
If it solved your issue, Click the "Accept as Solution" button so others can benefit from the question you asked!

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

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.

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

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.

On a Parallax Scrolling Page, How can I start the scroll bar at the bottom on page load?

Hello,
I'm working on a parallax scrolling animated page in Edge Animate, and it's a timeline of life on Earth. But we wanted to start from the bottom, or "Origin of Life" and then scroll up while our 'tree of life' animates in as the user scrolls up. We definitely know it's not good web etiquette to start at the bottom, but our client is determined. I am more of an animator than a web designer, but I was wondering how one might do this using a bit of code? We are using EC.Parallax.setup(sym); from Edgecommons for the parallax function, which is basically just tying the timeline animations to the scrollbar. I've already got the animations setup to go the right way but we don't want visitors to have to scroll to the bottom first, as they'll then see everything animated in reverse! In my google searches I found something called an Iframe that you can use, and then a flurry of responses on how horrible Iframe is. Thanks for your help, we really appreciate it!

Hi, Vizkid-
You can find the height of the document and then use window.scroll in your initialization function to default your scrollbar to the bottom of the page.
http://stackoverflow.com/questions/1145850/how-to-get-height-of-entire-document-with-javas cript
Hope that helps,
-Elaine

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

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 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

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

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

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/

Why does tthe page scroll to the bottom when the down arrow is pressed rather than moving just one line;the up arrow does not return you to the top. scrolling must be done using the slide which is very touchy on long pages.

i think the question tells the story

Try hitting '''F7'''. You may have inadvertently turned on Caret browsing.
http://kb.mozillazine.org/Accessibility.browsewithcaret

Scroll goes to bottom when page loads

Similar Messages

Maybe you are looking for