incubator-adffaces-user mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Danny Robinson" <dannyjrobin...@gmail.com>
Subject Re: Popup without dialog
Date Thu, 14 Dec 2006 12:18:51 GMT
I posted the following recently, which has evolved slightly to handle modal
and modeless popups.  Not had any response from people if they are
interested in having this as part of Trinidad though, or what would be
needed if this doesn't cut it.

Guys,

As a learning exercise on how Trinidad components are built, I've pulled
together a popup component and implemented it as a 'panelPopup' in
Trinidad.  If there's interest, then I'd be happy to contribute this to
Trinidad.

In posts over the last few months there was support (Simon, Adam, etc.) for
a popup component in Trinidad to perform functions such as a lightweight
date picker.  With guidance from Matthias , I've posted code and demo below,
and created an enhancement request for a popup component here :
http://issues.apache.org/jira/browse/ADFFACES-307


While it's not totally finished (IE & firefox tested only), it does have
provide some useful functionality for simple popups.  It is similar in
functionality to the other panels, in that you can include any child
components and provides a number of skinning selectors (see below) for you
to customize.  It also optionally allows you to specify a title and close
facets.  Long term I want to add iframe/dialog functionality.

Screenshot (with embedded tr:chooseDate) :
http://thefoxberry.com/trinidad/datePopup.GIF

Demo WAR: http://thefoxberry.com/trinidad/TrinidadPopupSandbox.zip
Download the code :
http://thefoxberry.com/trinidad/chrd-trinidad-contrib.jar

Thanks,

Danny

Example
xmlns:trc="http://myfaces.apache.org/trinidad/contrib "
<trc:panelPopup>
  <f:facet name="control">
    <tr:outputText value="Popup Menu" />
  </f:facet>
  <tr:panelGroupLayout layout="vertical">
  <tr:commandLink text="here" immediate="true"></tr:commandLink>
  <tr:commandLink text="there" immediate="true"></tr:commandLink>
  <tr:commandLink text="anywhere" immediate="true"></tr:commandLink>
  <tr:commandLink text="somewhere" immediate="true"></tr:commandLink>
  </tr:panelGroupLayout>
</trc:panelPopup>

<trc:panelPopup position="center">
  <f:facet name="control">
    <tr:outputText value="Centered Test" />
  </f:facet>
  <tr:panelBox>
    <tr:outputText value="This popup should be centered on screen" />
  </tr:panelBox>
</trc:panelPopup>

<trc:panelPopup>
  <f:facet name="control">
    <tr:outputText value="Title - Closer" />
  </f:facet>
  <f:facet name="title">
    <tr:outputText value="This is a title" />
  </f:facet>
  <f:facet name="close">
    <tr:icon name="closePopupIcon"></tr:icon>
  </f:facet>
  <tr:panelBox>
    <tr:outputText value="Title test content, no closer" />
  </tr:panelBox>
</trc:panelPopup>



panelPopup Skin Selectors
af|panelPopup::container {
    border: 1px solid #0c479d;
    background-color: #FFFFFF;
}

af|panelPopup::titlebar {
    background-color: #0c479d;
    color: #FFFFFF;
    padding: 2px 2px 2px 2px;
}

af|panelPopup::title-text {
    text-align: left;
}

af|panelPopup::close-icon {
    text-align: right;
}

af|panelPopup::content {
    padding: 2px 2px 2px 2px;
}

Outstanding Items
 Currently have to add the following to <tr:document>
<!-- TODO - Not sure how to get this automatically included by Trinidad -->
<f:facet name="metaContainer">
  <f:verbatim>
    <script language="JavaScript"
         src="/TrinidadPopupSandbox/adf/jsLibs/trPanelPopup.js"></script>
  </f:verbatim>
</f:facet>

On 12/14/06, Meyer, Stefan <S.Meyer@s2neueinformatik.de> wrote:
>
> How do i create a commandButton that opens up the resulting page in a
> popupp. The popup needs to be modeless sothat the dialog framework
> cannot be used. I also cannot use a different form really. I have one
> big form. Inside of which there is a table and cells in the table should
> open the popup.
>



-- 
Chordiant Software Inc.
www.chordiant.com

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message