Hi Alex Thanks a lot for your help. As you said, we need to place the relatively positioned controls inside
a div which surrounds the previous control. FYI, there are different ways in which we can position a control using
relative positioning in XFDL. I'm citing a few examples. <button
sid="BUTTON3">
<xforms:trigger> <xforms:label>Save
Form</xforms:label>
<xforms:action ev:event="DOMActivate"></xforms:action>
</xforms:trigger>
<itemlocation>
<x>235</x>
<y>348</y>
<below
compute="itemprevious"></below>
<offsetx>175</offsetx>
<offsety>3</offsety>
</itemlocation>
<fontinfo>
<fontname>Arial</fontname>
<size>8</size>
<effect>bold</effect>
</fontinfo> </button> This means that the previous item is computed and the button is
positioned below the previous item at the specified offset. <button
sid="Delete">
<xforms:trigger>
<xforms:label>Delete row</xforms:label>
<xforms:action ev:event="DOMActivate"> <xforms:delete
at="index('ProjectsTable')" nodeset="instance('Projects')/ProjectDetails/Details"></xforms:delete>
</xforms:action>
</xforms:trigger>
<itemlocation>
<x>340</x>
<y>49</y>
<after>FIELD3</after>
</itemlocation>
<value></value>
<fontcolor>#FFFFFF</fontcolor> <bgcolor>#0080C0</bgcolor>
</button> This means that the button is placed next to the FIELD3 control(FIELD3
is the value of the sid attribute) with offset (0,0). <below>Projects</below> This means that the control is placed below a control whose
@sid=Projects So, we need to consider all these options. Hope you could help me out. Thanks for your efforts Jency. -----Original Message----- On 2/19/07, Alessandro Vernet <[hidden email]> wrote: > It seems that what we need here is a way to position a box
relative to > the bottom of another box which is itself positioned absolutely. I
am > not sure how we can do that in CSS. Any idea? One way to do this is to put a div around the previous control (a table in this case), and to put the next control inside that div. Then instead of using position: relative/absolute on the div for the next control, add margin at the top equal to offsety and at the left equal to offsetx. I will try to give this a try in the XSLT and post the results here. Alex -- Orbeon Forms - Web 2.0 Forms for the http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help ObjectWeb mailing lists service home page: http://www.objectweb.org/wws |
Administrator
|
Hi Jency,
So it seems that: 1. <below>Projects</below> is a way to say <below compute="itemprevious"/> when the current control does not follow the control with id="Projects". If we implement <below compute="itemprevious"/>, we can then run a first stylesheet that reorders the controls and moves controls with <below>Projects</below> to be just below the control with id="Projects". 2. <after> seems to be the equivalent to <below> but positioning to the right instead of below. Is this correct? Alex On 2/19/07, Jency Chackummoottil <[hidden email]> wrote: > > > > > > > Hi Alex > > Thanks a lot for your help. > > > > As you said, we need to place the relatively positioned controls inside a > div which surrounds the previous control. > > > > FYI, there are different ways in which we can position a control using > relative positioning in XFDL. I'm citing a few examples. > > > > <button sid="BUTTON3"> > > <xforms:trigger> > > <xforms:label>Save Form</xforms:label> > > <xforms:action > ev:event="DOMActivate"></xforms:action> > > </xforms:trigger> > > <itemlocation> > > <x>235</x> > > <y>348</y> > > <below compute="itemprevious"></below> > > <offsetx>175</offsetx> > > <offsety>3</offsety> > > > > </itemlocation> > > <fontinfo> > > <fontname>Arial</fontname> > > <size>8</size> > > <effect>bold</effect> > > </fontinfo> > > </button> > > This means that the previous item is computed and the button is positioned > below the previous item at the specified offset. > > > > <button sid="Delete"> > > <xforms:trigger> > > <xforms:label>Delete row</xforms:label> > > <xforms:action ev:event="DOMActivate"> > > <xforms:delete at="index('ProjectsTable')" > nodeset="instance('Projects')/ProjectDetails/Details"></xforms:delete> > > </xforms:action> > > </xforms:trigger> > > <itemlocation> > > <x>340</x> > > <y>49</y> > > <after>FIELD3</after> > > </itemlocation> > > <value></value> > > <fontcolor>#FFFFFF</fontcolor> > > <bgcolor>#0080C0</bgcolor> > > </button> > > This means that the button is placed next to the FIELD3 control(FIELD3 is > the value of the sid attribute) with offset (0,0). > > > > <below>Projects</below> > > This means that the control is placed below a control whose @sid=Projects > > > > So, we need to consider all these options. Hope you could help me out. > > > > Thanks for your efforts > > Jency. > > > > > > -----Original Message----- > From: [hidden email] [mailto:[hidden email]] On Behalf Of Alessandro > Vernet > Sent: Tuesday, February 20, 2007 6:33 AM > To: [hidden email] > Subject: Re: [ops-users] XFDL Integration > > > > > On 2/19/07, Alessandro Vernet <[hidden email]> wrote: > > > It seems that what we need here is a way to position a box relative to > > > the bottom of another box which is itself positioned absolutely. I am > > > not sure how we can do that in CSS. Any idea? > > > > One way to do this is to put a div around the previous control (a > > table in this case), and to put the next control inside that div. Then > > instead of using position: relative/absolute on the div for the next > > control, add margin at the top equal to offsety and at the left equal > > to offsetx. > > > > I will try to give this a try in the XSLT and post the results here. > > > > Alex > > -- > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > http://www.orbeon.com/ > > > > > > -- > You receive this message as a subscriber of the [hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > ObjectWeb mailing lists service home page: http://www.objectweb.org/wws > > -- Orbeon Forms - Web 2.0 Forms for the Enterprise http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help ObjectWeb mailing lists service home page: http://www.objectweb.org/wws |
In reply to this post by Jency Chackummoottil
1. <below>Projects</below> is a way to say <below compute="itemprevious"/> when the current control does not
follow the control with id="Projects". If we implement <below compute="itemprevious"/>, we can then run a first
stylesheet that reorders the controls and moves controls with
<below>Projects</below> to be just below the control with id="Projects". <below>Projects</below>
means that the current control is below the control with @sid=”Projects”
and its position is relative w.r.t the control with id=”Projects”. <below compute="itemprevious"/>
means the current control is below the previous control(ie, the control
specified just above the current control in the source code) 2. <after> seems to be the equivalent to <below> but
positioning to the right instead of below. Yes, <after> is equivalent to
<below> but positioned to the right side of the specified control. Is this correct? Alex On 2/19/07, Jency Chackummoottil
<[hidden email]> wrote: > > > > > > > Hi Alex > > Thanks a lot for your help. > > > > As you said, we need to place the relatively positioned controls
inside a > div which surrounds the previous control. > > > > FYI, there are different ways in which we can position a control
using > relative positioning in XFDL. I'm citing a few examples. > > > > <button sid="BUTTON3"> > > <xforms:trigger> > > <xforms:label>Save
Form</xforms:label> > > <xforms:action > ev:event="DOMActivate"></xforms:action> > > </xforms:trigger> > > <itemlocation> > > <x>235</x> > > <y>348</y> > > <below
compute="itemprevious"></below> > > <offsetx>175</offsetx> > > <offsety>3</offsety> > > > > </itemlocation> > > <fontinfo> > > <fontname>Arial</fontname> > > <size>8</size> > > <effect>bold</effect> > > </fontinfo> > > </button> > > This means that the previous item is computed and the button is
positioned > below the previous item at the specified offset. > > > > <button sid="Delete"> > > <xforms:trigger> > > <xforms:label>Delete
row</xforms:label> > > <xforms:action
ev:event="DOMActivate"> > > <xforms:delete at="index('ProjectsTable')" >
nodeset="instance('Projects')/ProjectDetails/Details"></xforms:delete> > > </xforms:action> > > </xforms:trigger> > > <itemlocation> > > <x>340</x> > > <y>49</y> > > <after>FIELD3</after> > > </itemlocation> > > <value></value> > > <fontcolor>#FFFFFF</fontcolor> > > <bgcolor>#0080C0</bgcolor> > > </button> > > This means that the button is placed next to the FIELD3
control(FIELD3 is > the value of the sid attribute) with offset (0,0). > > > > <below>Projects</below> > > This means that the control is placed below a control whose
@sid=Projects > > > > So, we need to consider all these options. Hope you could help me
out. > > > > Thanks for your efforts > > Jency. > > > > > > -----Original Message----- > From: [hidden email] [mailto:[hidden email]] On Behalf Of
Alessandro > Vernet > Sent: Tuesday, February 20, 2007 6:33 AM > To: [hidden email] > Subject: Re: [ops-users] XFDL Integration > > > > > On 2/19/07, Alessandro Vernet <[hidden email]> wrote: > > > It seems that what we need here is a way to position a box
relative to > > > the bottom of another box which is itself positioned
absolutely. I am > > > not sure how we can do that in CSS. Any idea? > > > > One way to do this is to put a div around the previous control (a > > table in this case), and to put the next control inside that div.
Then > > instead of using position: relative/absolute on the div for the
next > > control, add margin at the top equal to offsety and at the left
equal > > to offsetx. > > > > I will try to give this a try in the XSLT and post the results
here. > > > > Alex > > -- > > Orbeon Forms - Web 2.0 Forms for the > > http://www.orbeon.com/ > > > > > > -- > You receive this message as a subscriber of the
[hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > ObjectWeb mailing lists service home page: http://www.objectweb.org/wws > > -- Orbeon Forms - Web 2.0 Forms for the http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help ObjectWeb mailing lists service home page: http://www.objectweb.org/wws |
In reply to this post by Jency Chackummoottil
Can anyone please help me in doing this (see
the mails below)? This is related to the XSL transformation of an XFDL which
has got repeat controls. Attached please find the related XFDL file. Thanks in advance for your help, Jency From: Jency
Chackummoottil [mailto:[hidden email]] 1. <below>Projects</below> is a way to say <below compute="itemprevious"/> when the current control does not
follow the control with id="Projects". If we implement <below compute="itemprevious"/>, we can then run a first
stylesheet that reorders the controls and moves controls with
<below>Projects</below> to be just below the control with id="Projects". <below>Projects</below>
means that the current control is below the control with
@sid=”Projects” and its position is relative w.r.t the control with
id=”Projects”. <below
compute="itemprevious"/> means the current control is below the
previous control(ie, the control specified just above the current control in
the source code) 2. <after> seems to be the equivalent to <below> but
positioning to the right instead of below. Yes, <after> is equivalent to
<below> but positioned to the right side of the specified control. Is this correct? Alex On 2/19/07, Jency Chackummoottil <[hidden email]>
wrote: > > > > > > > Hi Alex > > Thanks a lot for your help. > > > > As you said, we need to place the relatively positioned controls
inside a > div which surrounds the previous control. > > > > FYI, there are different ways in which we can position a control
using > relative positioning in XFDL. I'm citing a few examples. > > > > <button sid="BUTTON3"> > >
<xforms:trigger> > >
<xforms:label>Save Form</xforms:label> > >
<xforms:action > ev:event="DOMActivate"></xforms:action> > >
</xforms:trigger> > >
<itemlocation> > >
<x>235</x> > >
<y>348</y> > >
<below compute="itemprevious"></below> > >
<offsetx>175</offsetx> > >
<offsety>3</offsety> > > > >
</itemlocation> > >
<fontinfo> > >
<fontname>Arial</fontname> > >
<size>8</size> > >
<effect>bold</effect> > >
</fontinfo> > >
</button> > > This means that the previous item is computed and the button is
positioned > below the previous item at the specified offset. > > > > <button sid="Delete"> > >
<xforms:trigger> > >
<xforms:label>Delete row</xforms:label> > >
<xforms:action ev:event="DOMActivate"> > >
<xforms:delete at="index('ProjectsTable')" >
nodeset="instance('Projects')/ProjectDetails/Details"></xforms:delete> > >
</xforms:action> > >
</xforms:trigger> > >
<itemlocation> > >
<x>340</x> > >
<y>49</y> > >
<after>FIELD3</after> > >
</itemlocation> > >
<value></value> > >
<fontcolor>#FFFFFF</fontcolor> > >
<bgcolor>#0080C0</bgcolor> > >
</button> > > This means that the button is placed next to the FIELD3
control(FIELD3 is > the value of the sid attribute) with offset (0,0). > > > > <below>Projects</below> > > This means that the control is placed below a control whose
@sid=Projects > > > > So, we need to consider all these options. Hope you could help me
out. > > > > Thanks for your efforts > > Jency. > > > > > > -----Original Message----- > From: [hidden email] [mailto:[hidden email]] On Behalf
Of Alessandro > Vernet > Sent: Tuesday, February 20, 2007 6:33 AM > To: [hidden email] > Subject: Re: [ops-users] XFDL Integration > > > > > On 2/19/07, Alessandro Vernet <[hidden email]> wrote: > > > It seems that what we need here is a way to position a box
relative to > > > the bottom of another box which is itself positioned
absolutely. I am > > > not sure how we can do that in CSS. Any idea? > > > > One way to do this is to put a div around the previous control (a > > table in this case), and to put the next control inside that div.
Then > > instead of using position: relative/absolute on the div for the
next > > control, add margin at the top equal to offsety and at the left
equal > > to offsetx. > > > > I will try to give this a try in the XSLT and post the results
here. > > > > Alex > > -- > > Orbeon Forms - Web 2.0 Forms for the > > http://www.orbeon.com/ > > > > > > -- > You receive this message as a subscriber of the
[hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > ObjectWeb mailing lists service home page: http://www.objectweb.org/wws > > -- Orbeon Forms - Web 2.0 Forms for the http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help ObjectWeb mailing lists service home page: http://www.objectweb.org/wws SampleForm.xfdl (18K) Download Attachment |
Administrator
|
Hi Jency,
I made some progress updating the stylesheet to support the XFDL <below> construct. I am using the method which I exposed earlier in this thread. Now it runs fine on your example. See the screenshots attached (xfdl-original.png, xfdl-first-insertion.png, xfdl-second-insertion.png) which show the original form, and the form after 1 and 2 insertions. The complete xfdl directory which you can uncompress in your apps directory is also attached. Compared to what you have already, I believe that I have only updated xfdl-to-xhtml.xpl which contains the stylesheet. Alex On 2/27/07, Jency Chackummoottil <[hidden email]> wrote: > > > > > Can anyone please help me in doing this (see the mails below)? This is > related to the XSL transformation of an XFDL which has got repeat controls. > Attached please find the related XFDL file. > > > > Thanks in advance for your help, > > Jency > > > > ________________________________ > > > From: Jency Chackummoottil > [mailto:[hidden email]] > Sent: Wednesday, February 21, 2007 9:40 AM > To: [hidden email] > Subject: RE: [ops-users] XFDL Integration > > > > > > > 1. <below>Projects</below> is a way to say <below > > compute="itemprevious"/> when the current control does not follow the > > control with id="Projects". If we implement <below > > compute="itemprevious"/>, we can then run a first stylesheet that > > reorders the controls and moves controls with <below>Projects</below> > > to be just below the control with id="Projects". > > > > <below>Projects</below> means that the current control is below the control > with @sid="Projects" and its position is relative w.r.t the control with > id="Projects". > > <below compute="itemprevious"/> means the current control is below the > previous control(ie, the control specified just above the current control in > the source code) > > > > 2. <after> seems to be the equivalent to <below> but positioning to > > the right instead of below. > > > > Yes, <after> is equivalent to <below> but positioned to the right side of > the specified control. > > > > Is this correct? > > > > Alex > > > > On 2/19/07, Jency Chackummoottil > <[hidden email]> wrote: > > > > > > > > > > > > > > > > > > > > > Hi Alex > > > > > > Thanks a lot for your help. > > > > > > > > > > > > As you said, we need to place the relatively positioned controls inside a > > > div which surrounds the previous control. > > > > > > > > > > > > FYI, there are different ways in which we can position a control using > > > relative positioning in XFDL. I'm citing a few examples. > > > > > > > > > > > > <button sid="BUTTON3"> > > > > > > <xforms:trigger> > > > > > > <xforms:label>Save Form</xforms:label> > > > > > > <xforms:action > > > ev:event="DOMActivate"></xforms:action> > > > > > > </xforms:trigger> > > > > > > <itemlocation> > > > > > > <x>235</x> > > > > > > <y>348</y> > > > > > > <below compute="itemprevious"></below> > > > > > > <offsetx>175</offsetx> > > > > > > <offsety>3</offsety> > > > > > > > > > > > > </itemlocation> > > > > > > <fontinfo> > > > > > > <fontname>Arial</fontname> > > > > > > <size>8</size> > > > > > > <effect>bold</effect> > > > > > > </fontinfo> > > > > > > </button> > > > > > > This means that the previous item is computed and the button is positioned > > > below the previous item at the specified offset. > > > > > > > > > > > > <button sid="Delete"> > > > > > > <xforms:trigger> > > > > > > <xforms:label>Delete row</xforms:label> > > > > > > <xforms:action ev:event="DOMActivate"> > > > > > > <xforms:delete at="index('ProjectsTable')" > > > > nodeset="instance('Projects')/ProjectDetails/Details"></xforms:delete> > > > > > > </xforms:action> > > > > > > </xforms:trigger> > > > > > > <itemlocation> > > > > > > <x>340</x> > > > > > > <y>49</y> > > > > > > <after>FIELD3</after> > > > > > > </itemlocation> > > > > > > <value></value> > > > > > > <fontcolor>#FFFFFF</fontcolor> > > > > > > <bgcolor>#0080C0</bgcolor> > > > > > > </button> > > > > > > This means that the button is placed next to the FIELD3 control(FIELD3 is > > > the value of the sid attribute) with offset (0,0). > > > > > > > > > > > > <below>Projects</below> > > > > > > This means that the control is placed below a control whose @sid=Projects > > > > > > > > > > > > So, we need to consider all these options. Hope you could help me out. > > > > > > > > > > > > Thanks for your efforts > > > > > > Jency. > > > > > > > > > > > > > > > > > > -----Original Message----- > > > From: [hidden email] [mailto:[hidden email]] On Behalf Of > Alessandro > > > Vernet > > > Sent: Tuesday, February 20, 2007 6:33 AM > > > To: [hidden email] > > > Subject: Re: [ops-users] XFDL Integration > > > > > > > > > > > > > > > On 2/19/07, Alessandro Vernet <[hidden email]> wrote: > > > > > > > It seems that what we need here is a way to position a box relative to > > > > > > > the bottom of another box which is itself positioned absolutely. I am > > > > > > > not sure how we can do that in CSS. Any idea? > > > > > > > > > > > > One way to do this is to put a div around the previous control (a > > > > > > table in this case), and to put the next control inside that div. Then > > > > > > instead of using position: relative/absolute on the div for the next > > > > > > control, add margin at the top equal to offsety and at the left equal > > > > > > to offsetx. > > > > > > > > > > > > I will try to give this a try in the XSLT and post the results here. > > > > > > > > > > > > Alex > > > > > > -- > > > > > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > > > > > http://www.orbeon.com/ > > > > > > > > > > > > > > > > > > -- > > > You receive this message as a subscriber of the [hidden email] > > > mailing list. > > > To unsubscribe: > mailto:[hidden email] > > > For general help: mailto:[hidden email]?subject=help > > > ObjectWeb mailing lists service home page: http://www.objectweb.org/wws > > > > > > > > > > > > -- > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > http://www.orbeon.com/ > > > > > > -- > You receive this message as a subscriber of the [hidden email] > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > ObjectWeb mailing lists service home page: http://www.objectweb.org/wws > > > -- Orbeon Forms - Web 2.0 Forms for the Enterprise http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help ObjectWeb mailing lists service home page: http://www.objectweb.org/wws xfdl-original.png (6K) Download Attachment xfdl-first-insertion.png (10K) Download Attachment xfdl-second-insertion.png (13K) Download Attachment xfdl.zip (10K) Download Attachment |
In reply to this post by Jency Chackummoottil
Hi Alex,
Thanks a lot for your support. This was one of the tough task that I needed to solve. Your code works great; except for a case where a repeat control is placed above a group control(positioned using relative positioning) which has got certain controls which are positioned using absolute positioning. I have modified the 'static' positioning in the code to 'relative' positioning and now it works fine. Thanks for your help Jency -----Original Message----- From: [hidden email] [mailto:[hidden email]] On Behalf Of Alessandro Vernet Sent: Friday, March 09, 2007 4:15 AM To: [hidden email] Subject: Re: [ops-users] XFDL Integration Hi Jency, I made some progress updating the stylesheet to support the XFDL <below> construct. I am using the method which I exposed earlier in this thread. Now it runs fine on your example. See the screenshots attached (xfdl-original.png, xfdl-first-insertion.png, xfdl-second-insertion.png) which show the original form, and the form after 1 and 2 insertions. The complete xfdl directory which you can uncompress in your apps directory is also attached. Compared to what you have already, I believe that I have only updated xfdl-to-xhtml.xpl which contains the stylesheet. Alex On 2/27/07, Jency Chackummoottil <[hidden email]> wrote: > > > > > Can anyone please help me in doing this (see the mails below)? This is > related to the XSL transformation of an XFDL which has got repeat controls. > Attached please find the related XFDL file. > > > > Thanks in advance for your help, > > Jency > > > > ________________________________ > > > From: Jency Chackummoottil > [mailto:[hidden email]] > Sent: Wednesday, February 21, 2007 9:40 AM > To: [hidden email] > Subject: RE: [ops-users] XFDL Integration > > > > > > > 1. <below>Projects</below> is a way to say <below > > compute="itemprevious"/> when the current control does not follow the > > control with id="Projects". If we implement <below > > compute="itemprevious"/>, we can then run a first stylesheet that > > reorders the controls and moves controls with <below>Projects</below> > > to be just below the control with id="Projects". > > > > <below>Projects</below> means that the current control is below the > with @sid="Projects" and its position is relative w.r.t the control > id="Projects". > > <below compute="itemprevious"/> means the current control is below the > previous control(ie, the control specified just above the current control in > the source code) > > > > 2. <after> seems to be the equivalent to <below> but positioning to > > the right instead of below. > > > > Yes, <after> is equivalent to <below> but positioned to the right side > the specified control. > > > > Is this correct? > > > > Alex > > > > On 2/19/07, Jency Chackummoottil > <[hidden email]> wrote: > > > > > > > > > > > > > > > > > > > > > Hi Alex > > > > > > Thanks a lot for your help. > > > > > > > > > > > > As you said, we need to place the relatively positioned controls > > > div which surrounds the previous control. > > > > > > > > > > > > FYI, there are different ways in which we can position a control > > > relative positioning in XFDL. I'm citing a few examples. > > > > > > > > > > > > <button sid="BUTTON3"> > > > > > > <xforms:trigger> > > > > > > <xforms:label>Save Form</xforms:label> > > > > > > <xforms:action > > > ev:event="DOMActivate"></xforms:action> > > > > > > </xforms:trigger> > > > > > > <itemlocation> > > > > > > <x>235</x> > > > > > > <y>348</y> > > > > > > <below compute="itemprevious"></below> > > > > > > <offsetx>175</offsetx> > > > > > > <offsety>3</offsety> > > > > > > > > > > > > </itemlocation> > > > > > > <fontinfo> > > > > > > <fontname>Arial</fontname> > > > > > > <size>8</size> > > > > > > <effect>bold</effect> > > > > > > </fontinfo> > > > > > > </button> > > > > > > This means that the previous item is computed and the button is > > > below the previous item at the specified offset. > > > > > > > > > > > > <button sid="Delete"> > > > > > > <xforms:trigger> > > > > > > <xforms:label>Delete row</xforms:label> > > > > > > <xforms:action ev:event="DOMActivate"> > > > > > > <xforms:delete at="index('ProjectsTable')" > > > > nodeset="instance('Projects')/ProjectDetails/Details"></xforms:delete> > > > > > > </xforms:action> > > > > > > </xforms:trigger> > > > > > > <itemlocation> > > > > > > <x>340</x> > > > > > > <y>49</y> > > > > > > <after>FIELD3</after> > > > > > > </itemlocation> > > > > > > <value></value> > > > > > > <fontcolor>#FFFFFF</fontcolor> > > > > > > <bgcolor>#0080C0</bgcolor> > > > > > > </button> > > > > > > This means that the button is placed next to the FIELD3 > > > the value of the sid attribute) with offset (0,0). > > > > > > > > > > > > <below>Projects</below> > > > > > > This means that the control is placed below a control whose > > > > > > > > > > > > So, we need to consider all these options. Hope you could help me > > > > > > > > > > > > Thanks for your efforts > > > > > > Jency. > > > > > > > > > > > > > > > > > > -----Original Message----- > > > From: [hidden email] [mailto:[hidden email]] On Behalf Of > Alessandro > > > Vernet > > > Sent: Tuesday, February 20, 2007 6:33 AM > > > To: [hidden email] > > > Subject: Re: [ops-users] XFDL Integration > > > > > > > > > > > > > > > On 2/19/07, Alessandro Vernet <[hidden email]> wrote: > > > > > > > It seems that what we need here is a way to position a box > > > > > > > the bottom of another box which is itself positioned absolutely. I > > > > > > > not sure how we can do that in CSS. Any idea? > > > > > > > > > > > > One way to do this is to put a div around the previous control (a > > > > > > table in this case), and to put the next control inside that div. > > > > > > instead of using position: relative/absolute on the div for the next > > > > > > control, add margin at the top equal to offsety and at the left > > > > > > to offsetx. > > > > > > > > > > > > I will try to give this a try in the XSLT and post the results here. > > > > > > > > > > > > Alex > > > > > > -- > > > > > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > > > > > http://www.orbeon.com/ > > > > > > > > > > > > > > > > > > -- > > > You receive this message as a subscriber of the > > > mailing list. > > > To unsubscribe: > mailto:[hidden email] > > > For general help: mailto:[hidden email]?subject=help > > > ObjectWeb mailing lists service home page: > > > > > > > > > > > > -- > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > http://www.orbeon.com/ > > > > > > -- > You receive this message as a subscriber of the > mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > ObjectWeb mailing lists service home page: > > > -- Orbeon Forms - Web 2.0 Forms for the Enterprise http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help ObjectWeb mailing lists service home page: http://www.objectweb.org/wws |
Administrator
|
Hi Jency,
Alright - excellent. Let us know how it goes. If you find that automatically converting XFDL+XForms to XHTML+XForms using XSLT is quite workable, we could automatically call a stylesheet like before XForms processing if your view generates XFDL instead of XHTML. This way you could use XFDL+XForms directly as your view. Alex On 3/9/07, Jency Chackummoottil <[hidden email]> wrote: > Hi Alex, > > Thanks a lot for your support. This was one of the tough task that I > needed to solve. Your code works great; except for a case where a repeat > control is placed above a group control(positioned using relative > positioning) which has got certain controls which are positioned using > absolute positioning. I have modified the 'static' positioning in the > code to 'relative' positioning and now it works fine. > > Thanks for your help > Jency > > -----Original Message----- > From: [hidden email] [mailto:[hidden email]] On Behalf Of > Alessandro Vernet > Sent: Friday, March 09, 2007 4:15 AM > To: [hidden email] > Subject: Re: [ops-users] XFDL Integration > > Hi Jency, > > I made some progress updating the stylesheet to support the XFDL > <below> construct. I am using the method which I exposed earlier in > this thread. > > Now it runs fine on your example. See the screenshots attached > (xfdl-original.png, xfdl-first-insertion.png, > xfdl-second-insertion.png) which show the original form, and the form > after 1 and 2 insertions. The complete xfdl directory which you can > uncompress in your apps directory is also attached. Compared to what > you have already, I believe that I have only updated xfdl-to-xhtml.xpl > which contains the stylesheet. > > Alex > > On 2/27/07, Jency Chackummoottil > <[hidden email]> wrote: > > > > > > > > > > Can anyone please help me in doing this (see the mails below)? This is > > related to the XSL transformation of an XFDL which has got repeat > controls. > > Attached please find the related XFDL file. > > > > > > > > Thanks in advance for your help, > > > > Jency > > > > > > > > ________________________________ > > > > > > From: Jency Chackummoottil > > [mailto:[hidden email]] > > Sent: Wednesday, February 21, 2007 9:40 AM > > To: [hidden email] > > Subject: RE: [ops-users] XFDL Integration > > > > > > > > > > > > > > 1. <below>Projects</below> is a way to say <below > > > > compute="itemprevious"/> when the current control does not follow the > > > > control with id="Projects". If we implement <below > > > > compute="itemprevious"/>, we can then run a first stylesheet that > > > > reorders the controls and moves controls with <below>Projects</below> > > > > to be just below the control with id="Projects". > > > > > > > > <below>Projects</below> means that the current control is below the > control > > with @sid="Projects" and its position is relative w.r.t the control > with > > id="Projects". > > > > <below compute="itemprevious"/> means the current control is below the > > previous control(ie, the control specified just above the current > control in > > the source code) > > > > > > > > 2. <after> seems to be the equivalent to <below> but positioning to > > > > the right instead of below. > > > > > > > > Yes, <after> is equivalent to <below> but positioned to the right side > of > > the specified control. > > > > > > > > Is this correct? > > > > > > > > Alex > > > > > > > > On 2/19/07, Jency Chackummoottil > > <[hidden email]> wrote: > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Hi Alex > > > > > > > > > > Thanks a lot for your help. > > > > > > > > > > > > > > > > > > > > As you said, we need to place the relatively positioned controls > inside a > > > > > div which surrounds the previous control. > > > > > > > > > > > > > > > > > > > > FYI, there are different ways in which we can position a control > using > > > > > relative positioning in XFDL. I'm citing a few examples. > > > > > > > > > > > > > > > > > > > > <button sid="BUTTON3"> > > > > > > > > > > <xforms:trigger> > > > > > > > > > > <xforms:label>Save Form</xforms:label> > > > > > > > > > > <xforms:action > > > > > ev:event="DOMActivate"></xforms:action> > > > > > > > > > > </xforms:trigger> > > > > > > > > > > <itemlocation> > > > > > > > > > > <x>235</x> > > > > > > > > > > <y>348</y> > > > > > > > > > > <below compute="itemprevious"></below> > > > > > > > > > > <offsetx>175</offsetx> > > > > > > > > > > <offsety>3</offsety> > > > > > > > > > > > > > > > > > > > > </itemlocation> > > > > > > > > > > <fontinfo> > > > > > > > > > > <fontname>Arial</fontname> > > > > > > > > > > <size>8</size> > > > > > > > > > > <effect>bold</effect> > > > > > > > > > > </fontinfo> > > > > > > > > > > </button> > > > > > > > > > > This means that the previous item is computed and the button is > positioned > > > > > below the previous item at the specified offset. > > > > > > > > > > > > > > > > > > > > <button sid="Delete"> > > > > > > > > > > <xforms:trigger> > > > > > > > > > > <xforms:label>Delete row</xforms:label> > > > > > > > > > > <xforms:action ev:event="DOMActivate"> > > > > > > > > > > <xforms:delete at="index('ProjectsTable')" > > > > > > > nodeset="instance('Projects')/ProjectDetails/Details"></xforms:delete> > > > > > > > > > > </xforms:action> > > > > > > > > > > </xforms:trigger> > > > > > > > > > > <itemlocation> > > > > > > > > > > <x>340</x> > > > > > > > > > > <y>49</y> > > > > > > > > > > <after>FIELD3</after> > > > > > > > > > > </itemlocation> > > > > > > > > > > <value></value> > > > > > > > > > > <fontcolor>#FFFFFF</fontcolor> > > > > > > > > > > <bgcolor>#0080C0</bgcolor> > > > > > > > > > > </button> > > > > > > > > > > This means that the button is placed next to the FIELD3 > control(FIELD3 is > > > > > the value of the sid attribute) with offset (0,0). > > > > > > > > > > > > > > > > > > > > <below>Projects</below> > > > > > > > > > > This means that the control is placed below a control whose > @sid=Projects > > > > > > > > > > > > > > > > > > > > So, we need to consider all these options. Hope you could help me > out. > > > > > > > > > > > > > > > > > > > > Thanks for your efforts > > > > > > > > > > Jency. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -----Original Message----- > > > > > From: [hidden email] [mailto:[hidden email]] On Behalf Of > > Alessandro > > > > > Vernet > > > > > Sent: Tuesday, February 20, 2007 6:33 AM > > > > > To: [hidden email] > > > > > Subject: Re: [ops-users] XFDL Integration > > > > > > > > > > > > > > > > > > > > > > > > > On 2/19/07, Alessandro Vernet <[hidden email]> wrote: > > > > > > > > > > > It seems that what we need here is a way to position a box > relative to > > > > > > > > > > > the bottom of another box which is itself positioned absolutely. I > am > > > > > > > > > > > not sure how we can do that in CSS. Any idea? > > > > > > > > > > > > > > > > > > > > One way to do this is to put a div around the previous control (a > > > > > > > > > > table in this case), and to put the next control inside that div. > Then > > > > > > > > > > instead of using position: relative/absolute on the div for the next > > > > > > > > > > control, add margin at the top equal to offsety and at the left > equal > > > > > > > > > > to offsetx. > > > > > > > > > > > > > > > > > > > > I will try to give this a try in the XSLT and post the results here. > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > -- > > > > > > > > > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > > > > > > > > > http://www.orbeon.com/ > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -- > > > > > You receive this message as a subscriber of the > [hidden email] > > > > > mailing list. > > > > > To unsubscribe: > > mailto:[hidden email] > > > > > For general help: mailto:[hidden email]?subject=help > > > > > ObjectWeb mailing lists service home page: > http://www.objectweb.org/wws > > > > > > > > > > > > > > > > > > > > > > -- > > > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > > > http://www.orbeon.com/ > > > > > > > > > > > > -- > > You receive this message as a subscriber of the > [hidden email] > > mailing list. > > To unsubscribe: mailto:[hidden email] > > For general help: mailto:[hidden email]?subject=help > > ObjectWeb mailing lists service home page: > http://www.objectweb.org/wws > > > > > > > > > -- > Orbeon Forms - Web 2.0 Forms for the Enterprise > http://www.orbeon.com/ > > > > -- > You receive this message as a subscriber of the [hidden email] mailing list. > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > ObjectWeb mailing lists service home page: http://www.objectweb.org/wws > > -- Orbeon Forms - Web 2.0 Forms for the Enterprise http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help ObjectWeb mailing lists service home page: http://www.objectweb.org/wws |
In reply to this post by Jency Chackummoottil
Hi Alex, The XFDL - XHTML conversion works quite well except for a few issues. As you said, I hope we could call a stylesheet to do xsl transformation on xfdl so that we could use XFDL+XForms directly as the view. The issues to be solved are 1) The <format> tag needs to be resolved <format> <datatype>string</datatype> <constraints> <length> <min>0</min> <max>20</max> </length> </constraints> </format> We need to convert all the constraints in the <format> tag in XFDL to the corresponding xforms:bind attributes in XForms. 2) The width and height of an input control cannot be set using <xhtml:div style="position:absolute; top: 53; left: 131;width: 154; height: ;> Attached please find the latest xfdl-to-xhtml.xpl and the xfdl file to be transformed. Hope you could help me. Thanks in advance Jency -----Original Message----- From: [hidden email] [mailto:[hidden email]] On Behalf Of Alessandro Vernet Sent: Friday, March 09, 2007 11:05 PM To: [hidden email] Subject: Re: [ops-users] XFDL Integration Hi Jency, Alright - excellent. Let us know how it goes. If you find that automatically converting XFDL+XForms to XHTML+XForms using XSLT is quite workable, we could automatically call a stylesheet like before XForms processing if your view generates XFDL instead of XHTML. This way you could use XFDL+XForms directly as your view. Alex On 3/9/07, Jency Chackummoottil <[hidden email]> wrote: > Hi Alex, > > Thanks a lot for your support. This was one of the tough task that I > needed to solve. Your code works great; except for a case where a repeat > control is placed above a group control(positioned using relative > positioning) which has got certain controls which are positioned using > absolute positioning. I have modified the 'static' positioning in the > code to 'relative' positioning and now it works fine. > > Thanks for your help > Jency > > -----Original Message----- > From: [hidden email] [mailto:[hidden email]] On Behalf Of > Alessandro Vernet > Sent: Friday, March 09, 2007 4:15 AM > To: [hidden email] > Subject: Re: [ops-users] XFDL Integration > > Hi Jency, > > I made some progress updating the stylesheet to support the XFDL > <below> construct. I am using the method which I exposed earlier in > this thread. > > Now it runs fine on your example. See the screenshots attached > (xfdl-original.png, xfdl-first-insertion.png, > xfdl-second-insertion.png) which show the original form, and the form > after 1 and 2 insertions. The complete xfdl directory which you can > uncompress in your apps directory is also attached. Compared to what > you have already, I believe that I have only updated xfdl-to-xhtml.xpl > which contains the stylesheet. > > Alex > > On 2/27/07, Jency Chackummoottil > <[hidden email]> wrote: > > > > > > > > > > Can anyone please help me in doing this (see the mails below)? This > > related to the XSL transformation of an XFDL which has got repeat > controls. > > Attached please find the related XFDL file. > > > > > > > > Thanks in advance for your help, > > > > Jency > > > > > > > > ________________________________ > > > > > > From: Jency Chackummoottil > > [mailto:[hidden email]] > > Sent: Wednesday, February 21, 2007 9:40 AM > > To: [hidden email] > > Subject: RE: [ops-users] XFDL Integration > > > > > > > > > > > > > > 1. <below>Projects</below> is a way to say <below > > > > compute="itemprevious"/> when the current control does not follow > > > > control with id="Projects". If we implement <below > > > > compute="itemprevious"/>, we can then run a first stylesheet that > > > > reorders the controls and moves controls with > > > > to be just below the control with id="Projects". > > > > > > > > <below>Projects</below> means that the current control is below the > control > > with @sid="Projects" and its position is relative w.r.t the control > with > > id="Projects". > > > > <below compute="itemprevious"/> means the current control is below > > previous control(ie, the control specified just above the current > control in > > the source code) > > > > > > > > 2. <after> seems to be the equivalent to <below> but positioning to > > > > the right instead of below. > > > > > > > > Yes, <after> is equivalent to <below> but positioned to the right > of > > the specified control. > > > > > > > > Is this correct? > > > > > > > > Alex > > > > > > > > On 2/19/07, Jency Chackummoottil > > <[hidden email]> wrote: > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Hi Alex > > > > > > > > > > Thanks a lot for your help. > > > > > > > > > > > > > > > > > > > > As you said, we need to place the relatively positioned controls > inside a > > > > > div which surrounds the previous control. > > > > > > > > > > > > > > > > > > > > FYI, there are different ways in which we can position a control > using > > > > > relative positioning in XFDL. I'm citing a few examples. > > > > > > > > > > > > > > > > > > > > <button sid="BUTTON3"> > > > > > > > > > > <xforms:trigger> > > > > > > > > > > <xforms:label>Save Form</xforms:label> > > > > > > > > > > <xforms:action > > > > > ev:event="DOMActivate"></xforms:action> > > > > > > > > > > </xforms:trigger> > > > > > > > > > > <itemlocation> > > > > > > > > > > <x>235</x> > > > > > > > > > > <y>348</y> > > > > > > > > > > <below compute="itemprevious"></below> > > > > > > > > > > <offsetx>175</offsetx> > > > > > > > > > > <offsety>3</offsety> > > > > > > > > > > > > > > > > > > > > </itemlocation> > > > > > > > > > > <fontinfo> > > > > > > > > > > <fontname>Arial</fontname> > > > > > > > > > > <size>8</size> > > > > > > > > > > <effect>bold</effect> > > > > > > > > > > </fontinfo> > > > > > > > > > > </button> > > > > > > > > > > This means that the previous item is computed and the button is > positioned > > > > > below the previous item at the specified offset. > > > > > > > > > > > > > > > > > > > > <button sid="Delete"> > > > > > > > > > > <xforms:trigger> > > > > > > > > > > <xforms:label>Delete row</xforms:label> > > > > > > > > > > <xforms:action ev:event="DOMActivate"> > > > > > > > > > > <xforms:delete at="index('ProjectsTable')" > > > > > > > > > > > > > > > > > </xforms:action> > > > > > > > > > > </xforms:trigger> > > > > > > > > > > <itemlocation> > > > > > > > > > > <x>340</x> > > > > > > > > > > <y>49</y> > > > > > > > > > > <after>FIELD3</after> > > > > > > > > > > </itemlocation> > > > > > > > > > > <value></value> > > > > > > > > > > <fontcolor>#FFFFFF</fontcolor> > > > > > > > > > > <bgcolor>#0080C0</bgcolor> > > > > > > > > > > </button> > > > > > > > > > > This means that the button is placed next to the FIELD3 > control(FIELD3 is > > > > > the value of the sid attribute) with offset (0,0). > > > > > > > > > > > > > > > > > > > > <below>Projects</below> > > > > > > > > > > This means that the control is placed below a control whose > @sid=Projects > > > > > > > > > > > > > > > > > > > > So, we need to consider all these options. Hope you could help me > out. > > > > > > > > > > > > > > > > > > > > Thanks for your efforts > > > > > > > > > > Jency. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -----Original Message----- > > > > > From: [hidden email] [mailto:[hidden email]] On Behalf Of > > Alessandro > > > > > Vernet > > > > > Sent: Tuesday, February 20, 2007 6:33 AM > > > > > To: [hidden email] > > > > > Subject: Re: [ops-users] XFDL Integration > > > > > > > > > > > > > > > > > > > > > > > > > On 2/19/07, Alessandro Vernet <[hidden email]> wrote: > > > > > > > > > > > It seems that what we need here is a way to position a box > relative to > > > > > > > > > > > the bottom of another box which is itself positioned absolutely. > am > > > > > > > > > > > not sure how we can do that in CSS. Any idea? > > > > > > > > > > > > > > > > > > > > One way to do this is to put a div around the previous control (a > > > > > > > > > > table in this case), and to put the next control inside that div. > Then > > > > > > > > > > instead of using position: relative/absolute on the div for the > > > > > > > > > > control, add margin at the top equal to offsety and at the left > equal > > > > > > > > > > to offsetx. > > > > > > > > > > > > > > > > > > > > I will try to give this a try in the XSLT and post the results > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > -- > > > > > > > > > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > > > > > > > > > http://www.orbeon.com/ > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -- > > > > > You receive this message as a subscriber of the > [hidden email] > > > > > mailing list. > > > > > To unsubscribe: > > mailto:[hidden email] > > > > > For general help: mailto:[hidden email]?subject=help > > > > > ObjectWeb mailing lists service home page: > http://www.objectweb.org/wws > > > > > > > > > > > > > > > > > > > > > > -- > > > > Orbeon Forms - Web 2.0 Forms for the Enterprise > > > > http://www.orbeon.com/ > > > > > > > > > > > > -- > > You receive this message as a subscriber of the > [hidden email] > > mailing list. > > To unsubscribe: mailto:[hidden email] > > For general help: mailto:[hidden email]?subject=help > > ObjectWeb mailing lists service home page: > http://www.objectweb.org/wws > > > > > > > > > -- > Orbeon Forms - Web 2.0 Forms for the Enterprise > http://www.orbeon.com/ > > > > -- > You receive this message as a subscriber of the > To unsubscribe: mailto:[hidden email] > For general help: mailto:[hidden email]?subject=help > ObjectWeb mailing lists service home page: > > -- Orbeon Forms - Web 2.0 Forms for the Enterprise http://www.orbeon.com/ -- You receive this message as a subscriber of the [hidden email] mailing list. To unsubscribe: mailto:[hidden email] For general help: mailto:[hidden email]?subject=help ObjectWeb mailing lists service home page: http://www.objectweb.org/wws |
Free forum by Nabble | Edit this page |