Alignment of the Popup (adf 11g)

Hi,
I am using adf 11g and one of the requirement is :
Pop-up should start higher on the screens (should open up in the top). May i know how can i achieve this?
<af:showPopupBehavior popupId="manualTaskPopup"
align="afterStart"/>
Pop-up is opening in the Center by default now.
This is really urgent.
Appreciate for your help.
Thanks
CM

you can do this by using alignId in javascript
<af:commandButton id="myButton">
<af:clientListener type="click" method="showPopup"/>
</af:commandButton>
function showPopup() {
var popup = AdfPage.PAGE.findComponent("thisPopup");
var hints = {align:"before_end", alignId:"myButton"};
popup.show(hints);
from the doc
There are nine predefined align enumerations represented by constants:
1. AdfRichPopup.ALIGN_AFTER_START: The popup appears underneath the element with the popup's upper-left corner aligned with the lower-left corner of the element. The left edges of the element and the popup are aligned.
2. AdfRichPopup.ALIGN_AFTER_END: The popup appears underneath the element with the popup's upper-right corner aligned with the lower-right corner of the element. The right edges of the element and the popup are aligned.
3. AdfRichPopup.ALIGN_BEFORE_START: The popup appears above the element with the popup's lower-left corner aligned with the upper-left corner of the element. The left edges of the element and the popup are aligned.
4. AdfRichPopup.ALIGN_BEFORE_END: The popup appears above the element with the popup's lower-right corner aligned with the upper-right corner of the element. The right edges of the element and the popup are aligned.
5. AdfRichPopup.ALIGN_END_AFTER: The popup appears to the right of the element with the popup's lower-left corner aligned with the lower-right corner of the element. The bottom edges of the element and the popup are aligned.
6. AdfRichPopup.ALIGN_END_BEFORE: The popup appears to the right of the element with the popup's upper-left corner aligned with the upper-right corner of the element. The top edges of the element and the popup are aligned.
7. AdfRichPopup.ALIGN_START_AFTER: The popup appears to the left of the element with the popup's lower-right corner aligned with the lower-left corner of the element. The bottom edges of the element and the popup are aligned.
8. AdfRichPopup.ALIGN_START_BEFORE: The popup appears to the left of the element with the popup's upper-right corner aligned with the upper-left corner of the element. The top edges of the element and the popup are aligned.
9. AdfRichPopup.ALIGN_OVERLAP: The popup appears over top of the element with the upper-left corners aligned.
please go thru following link
http://www.oracle.com/technology/products/adf/adffaces/11/doc/adf-richclient-api/tagdoc/af_popup.html
hope this helps
regards,

Similar Messages

  • How to control the format(e.g.align-right) in popup of LOV with Jdev 11g

    Hi all,
    I want to make the column which is found in the popup dialog of LOV to aling right.
    But I found nothing could be done with it.
    Is there anyone can help me?
    Alex

    Hi,
    there is no option on the LOV for this. So I guess trying skinning is an option to go for.
    Frank

  • Reg: Exporting the data into excel in ADF 11g application.

    Hi All,
    We have developed an application in ADF 11g which retrieves the data from database in the form of table. Now we have a requirement to export that data into an excel sheet.
    Can anyone please help us regarding this.
    Thanks,
    Harsha

    Hi Harsha,
    you can use <af:exportCollectionActionListener /> component to do that. Set the exportedId property to point to of the table. You have options to export all rows or only selected rows.
    <af:commandToolbarButton text="Export All Rows to Excel" immediate="true"
                                                   id="exportAll">
    <af:exportCollectionActionListener type="excelHTML" exportedId="table"
                                                     filename="export.xls"
                                                     title="ADF Faces Export - All" exportedRows="all"/>
    </af:commandToolbarButton>
    <af:commandToolbarButton text="Export Selected Rows to Excel" immediate="true"
                                            id="exportSelected">
    <af:exportCollectionActionListener type="excelHTML" exportedId="table"
                                                     filename="export.xls"
                                                     title="ADF Faces Export - Selected Rows"
                                                      exportedRows="selected"/>
    </af:commandToolbarButton>Good Luck,
    Luc Bors

  • ADF 11g SelectOrdershuttle editing the items...

    Hi,
    I am using selectordershuttle compenent to display the User levels on the adf 11g page.
    How can i edit and delete the values which are in the shuttle component?
    Thanks in advance.
    CM

    Hi,
    if you bind the shuttle to a List<SelectItem> in a managed bean you only need to take entries out of this list. Its a bit more difficult using ADF list bindings unless you are happy to delete the referenced list items from the database. However, ADF bindings also allow you to remove objects from the collection that builds the list. You should be able to access the iterator binding used by the list binding, get the row to remove and remove it from the collection (don't use the remove or delete operations in this case).
    Frank

  • What are the best coding standards for ADF 11g?

    Hi,
    Do we have any link that will suggest the best coding standard practices used for ADF 11g?
    I am looking out from the perspective of some standards that can be defined before starting my project to know the team on how to
    1. Minimize Duplicity and max reusability of code
    2. Package the code
    3. Resource bundle usage and its calls
    4. Maintainning format consistency eg. date display format, number format
    5. Exception handling
    6. Logging
    7. Namiing conventions
    Also then we might have standards on
    1. Task flow dev.
    2. EO and VO creation standards
    3. UI development standards [purely ADF component based]
    Thanks in advance
    Edited by: user8925296 on May 26, 2010 3:24 PM

    The ADF Enterprise Methodology Group has a page on standards that gives you a starting point on many of your questions: http://groups.google.com/group/adf-methodology/web/adf-coding-standards
    John

  • Alignment of the af:popup in Center of the browser

    hi all,
    Can anyone let me know what is to be done to get the popups poping in the center of the page from wherever link it is clicked.
    my code below:
    <af:commandLink text="#{ladwp.HOW_TO_FIND_QUOT_BILLDATE}" id="cl1" immediate="true" inlineStyle="color:#0079c2">
    <af:showPopupBehavior popupId="billingInfo" triggerType="action"
    align="afterStart" alignId="cl1"/>
    </af:commandLink>
    <af:popup id="billingInfo">
    <af:dialog contentHeight="200" contentWidth="500" type="none"
    styleClass="#{Localization.language=='en'?'popUp':'popUpES'}">
    <af:panelGroupLayout id="pgl26" layout="vertical" valign="top">
    <h5 class="gFix">
    <af:outputText value="#{ladwp.HOW_TO_FIND_QUOT_BILLDATE}" id="ot40"
    inlineStyle="color: #0079c2;font-size:large"/>
    <af:spacer width="10" height="10" id="s13"/>
    </h5>
    <af:outputText value="#{ladwp.YOU_MAY_LOCATE_YOUR_BILL_DATE}"
    id="ot39" styleClass="trainLabelsBill"/>
    <!-- <af:spacer width="20" height="10" id="s15"/>
    <af:outputText value="#{ladwp.YOUR_AMOUNT_DUE_IS_LOCATED}" styleClass="trainLabels"
    id="ot1"/>-->
    <af:spacer width="10" height="50" id="s18"/>
    <af:panelGroupLayout id="pgl27" layout="horizontal">
    <af:image source="/oracle/webcenter/portalapp/shared/images/billing_Inquiry.png"
    shortDesc="bill" id="i3"/>
    </af:panelGroupLayout>
    </af:panelGroupLayout>
    </af:dialog>
    </af:popup>
    Please it is urgent for me.
    Thx,
    Asha

    No, if the link opening popup is in the center of page ,then it is proper centered . but if the link is sumwer up or down then it is centered but only horizontally not vertically in middle of browser.
    -Asha

  • Left Align for the input text in ADF

    Hi,
    When I drag and drop the data control in my jsp page, Automatically all the fields are aligned at the center of the page. But I want to align the input text fields to the left of the page. I have only valign which will give me top, bottom and center options.
    Is there any property which will help me in aligning it left?
    Please help me.
    Thanks,
    Haripriya.S

    I think you forgot to close the rowLayout tag.
    <afh:rowLayout binding="#{backing_test.rowLayout1}" id="rowLayout1" halign="left">
    <af:panelForm binding="#{backing_test.panelForm1}" id="panelForm1">
    <af:inputText value="#{bindings.direccion.inputValue}"
    label="#{bindings.direccion.label}"
    columns="#{bindings.direccion.displayWidth}"
    id="inputText1">
    </af:inputText>
    </af:panelForm>
    </afh:rowLayout>

  • To find the popup root from pagetemplate in adf..

    Dear,
    I'm using jdev11g.
    In my project having pagetemplate, inside the template i'm adding favorite menu like IE favorite with same functionalities.
    Is there any possiblities to find the pagetemplate Id, which will use to find the popup. i want to avoid page overwrite. OR can set the pagetemplate id dynamically
    Now i'm using the popup with two button(add and cancel).
    while clicking the add button, if the page is already added in favorite, i want to show one more popup to get the confirmation from the user. In the second popup having two button(ok and cancel).
    if the user click ok, it will overwrite,
    if click cancel the page should not overwrite. For this case, instead of second popup, i'm using javascript confirm() method. but it is overwrite, while click the cancel button.
    can any one help me.
    Thanks in advace
    Regards,
    Rengaraj
    Edited by: user11129216 on Jul 8, 2009 11:19 PM

    Hi,
    can you try setting the ComponentVar attribute on the template definition (e.g. "mytemplate")
    You can then access the template instance from Java
    private RichPageTemplate getTemplateHandle(){
      FacesContext fctx = null;
      fctx = FacesContext.getCurrentInstance();
      ELContext elctx  = fctx.getELContext();
      Application app = fctx.getApplication();
      ExpressionFactory elFactory = null; 
      elFactory = app.getExpressionFactory();
      ValueExpression valueExpr = null;   
      valueExpr  = elFactory.createValueExpression(
                   elctx,
                   "#{mytemplate}",
                   Object.class);
      RichPageTemplate template =
        (RichPageTemplate) valueExpr.getValue(elctx);
      return template;
    }You should be able to get the id of this instance in Java and make it available to your popup search
    Frank

  • ADF 11g hiearchyViewer widget: can rendering of the graph be customized

    The hiearchyViewer widget supports rendering a graph of one parent to many children nodes. I have a need to display a directed graph where many parent nodes is linked to a common child node . Is it possible to extend the hiearchyViewer widget to override the graph rendering algorithm? If the answer is yes, how may I able to do it, or is there sample code I can review? If the answer is no, how can I create an ADF widget that uses the same flash library the hierarchyViewer ADF widget is using to render its graph. Thank you.

    The HV can't show multi-parents to a children relationship.
    We are working on a new component that should be able to do that - hopefully it will make it into the 12 release.
    You can see a couple of beta screenshots here:
    http://one-size-doesnt-fit-all.blogspot.com/2011/10/adf-take-aways-from-oracle-open-world.html

  • ADF 11g: Change Text Value within af:dialog

    Any guidance much appreciated: I'm new to ADF 11g and java scripting...
    I have a popup containing a dialog inside my af:document. I want to be able to dynamically change the text message being displayed inside the dialog at runtime prior to showing the popup. I have added an af:panelGroupLayout inside the dialog component, with an af:outputText component inside that.
    <af:popup id="nexusAlertPopup">
    <af:dialog id="nexusAlert"
    inlineStyle="vertical-align:top; text-align:left; font-size:small;"
    type="ok" closeIconVisible="false" title="Change Me"
    affirmativeTextAndAccessKey="Continue">
    <af:panelGroupLayout id="nexusAlertPanelGroup">
    <af:outputText id="nexusAlertText"/>
    </af:panelGroupLayout>
    </af:dialog>
    </af:popup>
    When I look at the ADF javascript API, I cannot find a set method to change the value of the outputText in my JS Function. Can you use a normal setAttribute method on any ADF object?
    Regards,
    Mario

    Branislav Nemec wrote:
    Is there a particular reason you need to change the title in JS function?Thanks for your reply Branislav.
    To make a short story long: I am trying to create a dynamic popup dialog on an ADF page template. We have Oracle Form Modules which are being clipped inside this center panel of the pages using this template and the communication between the ADF application and our Forms application happens through JS on the client. What I need to do is on the Forms side, override all forms alerts with a call to a JS Function which would popup a synchronous ADF dialog and return the result back to Forms in a Global variable. So the text of the alert needs to be dynamically passed through and this needs to preferably happen on the client side without a roundtrip to the ADF server. If it is possible. Also, it is not the TITLE I am concerned about as there is a setTitle() method in the AdfRichDialog class.
    Hope this sheds some light on the issue...

  • ADF 11g: turn off validation pop-up windows

    Hi all,
    Does anyone know how to turn off the pop-up messages with ADF 11g? I am using Jdeveloper 11.1.1.4.0.
    I need to display the error messages on the page. I have added Message components to the page to display the error messages. Now it displays the errors twice. I need to turn off the pop-up message now.
    Thanks,
    al

    Hi,
    http://download.oracle.com/docs/cd/E17904_01/apirefs.1111/e12419/tagdoc/af_messages.html
    +"If the tag is not present the messages will show up in a page level popup. However, if you want your messages to display inline at a specific location on the page, place the af:messages tag at the appropriate part of your page and set the inline attribute to 'true'."+
    Frank

  • Oracle ADF 11G R1 and 11G R2 and Internet Explorer 11 Support

    Hello,
    We are using Oracle ADF 11G R2 (11.1.2.4), and now that Microsoft has pushed Internet Explorer 11 to Windows 7 and Windows 8 computers, we are finding that our application is not working with IE11.
    You get the popup that states "You are using an unsupported browser", and while everything renders on the screen, the application does not respond to user clicks.
    Does anyone have workaround for IE11, and if anyone from Oracle is reading, can you give any tentative guidelines for IE11 support.
    Thanks.

    Here's one workaround
    Jonas de Graaff weblog: How to run your ADF 11.1.x application under IE 11: a workaround
    http://jonasdegraaff.blogspot.nl/2013/11/how-to-run-your-adf-111x-application.html

  • Command button doesn't render properly with customized images in ADF 11g

    Hi all,
    I have these elements in the .css file:
    /** button **/
    .AFButtonServerText:alias {
    background-color:#daebf2;
    color:#000000;
    font-size:100%;
    font-family:Luxi Sans, Dialog;
    vertical-align:middle;
    -ora-text-antialias:true;
    .AFButtonServerTextDisabled:alias {
    background-color:#f5f5e4;
    color:#aaaaaa;
    font-size:100%;
    font-family:Luxi Sans, Dialog;
    vertical-align:middle;
    -ora-text-antialias:true;
    .AFButtonStartIcon:alias {
    /*content:url(/skins/images/buttonStart.gif); */
    content: url("images/buttonStart.gif");
    width:8px;
    height:20px;
    .AFButtonStartIcon:alias:rtl {
    /*content:url(/skins/images/buttonEnd.gif); */
    content: url("images/buttonEnd.gif");
    width:8px;
    height:20px;
    .AFButtonEndIcon:alias {
    /*content:url(/skins/images/buttonEnd.gif); */
    content: url("images/buttonEnd.gif");
    width:8px;
    height:20px;
    .AFButtonEndIcon:alias:rtl {
    /*content:url(/skins/images/buttonStart.gif); */
    content: url("images/buttonStart.gif");
    width:8px;
    height:20px;
    .AFButtonTopBackgroundIcon:alias {
    /*content:url(/skins/images/buttonTop.gif); */
    content: url("images/buttonTop.gif");
    width:1px;
    height:2px;
    .AFButtonTopBackgroundIcon:alias:rtl {
    /*content:url(/skins/images/buttonTop.gif); */
    content: url("images/buttonTop.gif");
    width:1px;
    height:2px;
    .AFButtonBottomBackgroundIcon:alias {
    /*content:url(/skins/images/buttonBottom.gif); */
    content: url("images/buttonBottom.gif");
    width:1px;
    height:2px;
    .AFButtonBottomBackgroundIcon:alias:rtl {
    /*content:url(/skins/images/buttonBottom.gif); */
    content: url("images/buttonBottom.gif");
    width:1px;
    height:2px;
    I am expecting to get some round corners in the button, but it fails in 11g. This only happens in ADF 11g, in 10g, it works. I use JDEV 11.1.1.4.0 and <tr:commandButton> in the UI. What have I possibly missed?
    Thanks.
    Shawn
    Edited by: shawn_abc on May 17, 2012 3:52 PM
    Edited by: shawn_abc on May 17, 2012 3:56 PM

    Hi Frank,
    Yes, I was searching in this url previously: http://myfaces.apache.org/trinidad/skin-selectors.html and couldn't find it either. Is there any way to achieve what I intend to do like using af|commandButton?
    Thanks,
    Shawn

  • How to improve af:popup performance and decrease the popup opening time?

    Hi All,
    I am trying to open a popup on mouse over of af:commandImageLink. Popup is opening properly but its taking quite some time for loading and opening. As I am opening af:menu component which is enclosed in af:popup on mouse over of af:commandLink I need memu to be opened immediately as soon as user places mouse over commandImageLink component.
    Is there any way we can decrease the popup opening time?
    Below is code snippet using for command Link and popup:
    Step1:
    <af:commandImageLink text="#{aaa.Data}" binding="#{navigationUtilBean.DataMenu}" icon="/images/MenuArrow_final.png"
    iconPosition="trailing">
    <af:showPopupBehavior popupId="::DataPopup"
    triggerType="mouseOver"
    align="afterStart"/>
    <af:clientListener method="onMouseOver" type="mouseOver" />
    </af:commandImageLink>
    Step2:
    <af:popup id="DataPopup" contentDelivery="immediate" animate="false" clientComponent="true"
    launcherVar="source" eventContext="launcher">
    <af:menu>
    <af:group>
    <af:commandMenuItem icon="/images/DropDownMenuArrow.png" text="#{aaa.Data}" inlineStyle="width:100px;"
    action="#{navigationUtilBean.conTimeIntervalAction}"
    actionListener="#{halfHSubDataSelectionBC.fetcAAHData2Accounts}"
    />
    </af:group>
    <af:group>
    <af:commandMenuItem text="#{aaa.NON_Data}" icon="/images/DropDownMenuArrow.png"
    action="#{navigationUtilBean.nonTimeIntervalAction}"
    actionListener="#{nonAASubDataSelectionBC.fetchNonAADataAccounts}" />
    </af:group>
    </af:menu>
    <af:clientListener method="popupClosedListener" type="popupClosed" />
    <af:serverListener type="serverPopupClosed" method="#{navigationUtilBean.serverPopupClosedListener}" />
    </af:popup>
    Edited by: 940044 on Jun 12, 2012 3:04 AM

    Hi,
    Welcome to OTN.
    As per the tag doc,
    The "mouseOver" or "mouseHover" event types have a built in 500-millisecond launch delay that is implicitly canceled if a "mouseOut" event is triggered for the same component within the delay period.http://jdevadf.oracle.com/adf-richclient-demo/docs/tagdoc/af_showPopupBehavior.html
    I don't think you can change that 500 millisecond delay.
    -Arun

  • ADF 11g can not select and copy data from cell of readonly table in IE

    hi,
    In ADF 11g, when render view object as readonly table with Single RowsSelection, using IE browser can not select and copy data from the cell, but it work in firefox.
    is it a bug?
    Edited by: kent2066 on 2009-5-18 上午8:46

    Hi Timo,
    Sorry forgot to mention versions.
    We are using 11.1.1.7 and IE 9.
    I tried in Google but could not get the solution.
    Kindly let me know solution for this.
    PavanKumar

Maybe you are looking for