You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@cocoon.apache.org by Paul Joseph <pj...@gmail.com> on 2008/09/01 14:15:37 UTC
Re: floating button in CForms
Hi David,
Thank you for your reply. I *think* I understand what you say about the CSS
based approach (which is the one I have to use as redesigning the form for
the client would be too big a change at present.)
I'd like to confirm one thing though before I buy that book:
>> I'd suggest looking up the 'position:fixed' style.
Do you mean that the "position:fixed" style will keep the button fixed in
the visible browser pane, regardless of me scrolling?
rgds
Paul
On Sun, Aug 31, 2008 at 11:44 AM, David Legg
<da...@searchevent.co.uk>wrote:
> Hi Paul,
>
> I have a Loooonnnng CForm and the client would like the "Save" button to
>> float so that it is always visible?
>>
>
> I should think your best bet would be to use a CSS stylesheet to fix the
> position of the save button. You could treat the save button like the
> contents of a fixed footer at the bottom of the page. I'd suggest looking
> up the 'position:fixed' style. Be warned though that IE 5 and friends
> doesn't support this, so a work-around has to be done for those. I'd
> recommend the sitepoint book: 'The CSS Anthology: 101 Essential Tips, Tricks
> & Hacks' [1] by Rachel Andrew if you are looking for ready made examples.
> [I'm not affiliated to this book in any way!].
>
> Another approach might be to break up the form into smaller groups and only
> show one group at a time. An example can be found in the Multi-page wizard
> demo [2]
>
> Hope that helps.
> David Legg
>
> [1] http://www.sitepoint.com/books/cssant2/
> [2]
> http://cocoon.zones.apache.org/demos/release/samples/blocks/forms/do-multipage.flow
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
> For additional commands, e-mail: users-help@cocoon.apache.org
>
>
Re: floating button in CForms
Posted by David Legg <da...@searchevent.co.uk>.
Hi Paul,
> Do you mean that the "position:fixed" style will keep the button fixed
> in the visible browser pane, regardless of me scrolling?
Yes that's correct.
Actually, there's probably no need to buy the book I mentioned. After I
wrote that email I typed "position:fixed" into Google and was surprised
how many examples and tutorials came up ;-)
These look interesting...
http://annevankesteren.nl/test/examples/ie/position-fixed.html
http://www.howtocreate.co.uk/fixedPosition.html
http://www.cssplay.co.uk/layouts/fixed.html
Regards,
David Legg
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org
Re: floating button in CForms
Posted by Derek Hohls <DH...@csir.co.za>.
have a look at:
http://reference.sitepoint.com/css/position
http://www.w3schools.com/Css/pr_class_position.asp
http://www.quirksmode.org/css/position.html
the 'position:fixed' style does not really seem to work with IE...
>>> On 2008/09/01 at 02:15, in message <cb...@mail.gmail.com>, "Paul Joseph" <pj...@gmail.com> wrote:
Hi David,
Thank you for your reply. I *think* I understand what you say about the CSS based approach (which is the one I have to use as redesigning the form for the client would be too big a change at present.)
I'd like to confirm one thing though before I buy that book:
>> I'd suggest looking up the 'position:fixed' style.
Do you mean that the "position:fixed" style will keep the button fixed in the visible browser pane, regardless of me scrolling?
rgds
Paul
On Sun, Aug 31, 2008 at 11:44 AM, David Legg <da...@searchevent.co.uk> wrote:
Hi Paul,
I have a Loooonnnng CForm and the client would like the "Save" button to float so that it is always visible?
I should think your best bet would be to use a CSS stylesheet to fix the position of the save button. You could treat the save button like the contents of a fixed footer at the bottom of the page. I'd suggest looking up the 'position:fixed' style. Be warned though that IE 5 and friends doesn't support this, so a work-around has to be done for those. I'd recommend the sitepoint book: 'The CSS Anthology: 101 Essential Tips, Tricks & Hacks' [1] by Rachel Andrew if you are looking for ready made examples. [I'm not affiliated to this book in any way!].
Another approach might be to break up the form into smaller groups and only show one group at a time. An example can be found in the Multi-page wizard demo [2]
Hope that helps.
David Legg
[1] http://www.sitepoint.com/books/cssant2/
[2] http://cocoon.zones.apache.org/demos/release/samples/blocks/forms/do-multipage.flow
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org
--
This message is subject to the CSIR's copyright terms and conditions, e-mail legal notice, and implemented Open Document Format (ODF) standard.
The full disclaimer details can be found at http://www.csir.co.za/disclaimer.html.
This message has been scanned for viruses and dangerous content by MailScanner,
and is believed to be clean. MailScanner thanks Transtec Computers for their support.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@cocoon.apache.org
For additional commands, e-mail: users-help@cocoon.apache.org