myfaces-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Martin Marinschek" <martin.marinsc...@gmail.com>
Subject Re: Layout Component for Tomahawk and Trinidad
Date Tue, 08 May 2007 16:54:52 GMT
We should mention as well that this is a Google SoC project - and yes,
we want to have the label/input functionality in there just like in
Trinidad.

regards,

Martin

On 5/8/07, Chris Hane <chrishane@gmail.com> wrote:
> I'm not sure if this is relevant or possible; but for the Trinidad piece it
> would be nice to extend (or work similar to) <tr:panelFormLayout/>.  We use
> this component and like it's functionality.  Being able to specify the
> label on the component and not have a separate <outputText> is nice as is
> the ability to have a style sheet apply against all of the embedded components.
>
> When laying out a complex form like you outlined below, having the ability
> to specify/control the row/column positioning would be great.  Right now
> the component does simple wrapping for rows/columns.
>
> Altough, someone with more experience with the component might want to
> comment because I could easily be missing some of it's functionality as I
> just started to use it recently.
>
> Chris....
>
> Leonardo Uribe wrote:
> > Hi
> >
> > I'm working on a component for do layout like tobago gridLayout
> > component for myfaces Tomahawk and Trinidad.
> > I'm doing this inside the Google Summer of Code proyect called MyFaces
> > Component Set Integration.
> >
> > The component is based on gridlayout and cell component of tobago
> > (thank's to tobago developers for this very great work).
> >
> > the component has the following properties:
> >
> > tableLayout
> >
> >     <name>styleclass</name>
> >     <name>border</name>
> >     <name>cellspacing</name>
> >     <name>margin</name>
> >     <name>marginTop</name>
> >     <name>marginLeft</name>
> >     <name>marginRight</name>
> >     <name>marginBottom</name>
> >     <name>columns</name> // you can define an absolute number in pixels
> > or relative: Ex: 1*;1*;2*;500   or  100;100;100;100 or 1*;5*;2*
> >     <name>rows</name> // you can define an absolute number in pixels
or
> > relative: Ex: 1*;1*;2*;500   or  100;100;100;100 or 1*;5*;2*
> >     <name>height</name>
> >     <name>width</name>
> >
> > cellLayout
> >     <name>spanX</name> //For span more than 1 row or column
> >     <name>spanY</name>
> >     <name>inheritWidth</name> //For the inner component inherit the
> > width and heigth of the cell (using style property)
> >     <name>style</name>
> >
> > An example:
> >
> >     <mycomp:tableLayout width="700" styleclass="custompanel"
> >         cellspacing="5" columns="1*;2*;1*;2*">
> >         <mycomp:cellLayout inheritWidth="true" spanX="4">
> >             <h:outputText value="Layout Example: Personal Information" />
> >         </mycomp:cellLayout>
> >
> >         <h:outputText value="Salutation"/>
> >         <mycomp:cellLayout inheritWidth="false" spanX="2">
> >         <h:selectOneMenu>
> >             <f:selectItem itemLabel="1 Option"
> >                             itemValue="1 Option"/>
> >             <f:selectItem itemLabel="2 Option"
> >                             itemValue="2 Option"/>
> >         </h:selectOneMenu>
> >         </mycomp:cellLayout>
> >         <mycomp:cellLayout />
> >         <h:outputText value="First Name" />
> >         <h:inputText></h:inputText>
> >         <h:outputText value="Last Name" />
> >         <h:inputText></h:inputText>
> >         <h:outputText value="c/o" />
> >         <mycomp:cellLayout inheritWidth="true" spanX="3">
> >             <h:inputText></h:inputText>
> >         </mycomp:cellLayout>
> >         <h:outputText value="Street" />
> >         <h:inputText></h:inputText>
> >         <h:outputText value="No" />
> >         <h:inputText></h:inputText>
> >         <h:outputText value="ZIP" />
> >         <h:inputText></h:inputText>
> >         <h:outputText value="City" />
> >         <h:inputText></h:inputText>
> >         <h:outputText value="Note" />
> >         <mycomp:cellLayout inheritWidth="true" spanX="3">
> >             <h:inputTextarea></h:inputTextarea>
> >         </mycomp:cellLayout>
> >     </mycomp:tableLayout>
> >
> > The output:
> >
> > Layout Example: Personal Information
> > Salutation
> >
> >
> > First Name
> >
> >
> > Last Name
> >
> > c/o
> >
> > Street
> >
> >
> > No
> >
> > ZIP
> >
> >
> > City
> >
> > Note
> >
> >
> >
> > My question is simple: ┬┐What other properties or functions will be cool
> > to add to this component? What do you think?
> > How the style and style properties should work (It's necessary to do
> > something like styling columns of components)?
> >
> > Thanks.
> >
> > Att: Leonardo Uribe
> > Ingeniero de Sistemas
> > Pontificia Universidad Javeriana
> >
> >
> >
> >
>


-- 

http://www.irian.at

Your JSF powerhouse -
JSF Consulting, Development and
Courses in English and German

Professional Support for Apache MyFaces

Mime
View raw message