Hi Jeffrey,
What you do is change the submits and the links to look the same,
which is not quite the same as the browser-generated button, but on
the plus-side they'll look the same in any browser. This approach is
used in many commercial sites eg. banking sites. One place that
describes button-styling is http://particletree.com/features/rediscovering-the-button-element/
.
eg. Here are 3 "buttons" on a UserEdit page:
<div class="buttons">
<input type="submit" value="Save"/>
<a t:type="pagelink" page="security/UserEdit" context="user.id"
title="Refresh">Refresh</a>
<a t:type="actionlink" t:id="Cancel">Cancel</a>
</div>
and here's some css to style them to look the same:
.buttons a, .buttons input { margin:0 7px 0 0; background-
color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee;
border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma,
Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-
decoration:none; font-weight:bold; color:#565656; cursor:pointer;
padding:5px 10px 6px 7px; /* Links and submits */ }
.buttons input { width:auto; overflow:visible; padding:4px 10px 3px
7px; /* IE6 */ }
.buttons input[type] { padding:5px 10px 5px 7px; /* Firefox */ line-
height:17px; /* Safari */ }
*:first-child+html input[type] { padding:4px 10px 3px 7px; /* IE7 */ }
.buttons input img, .buttons a img { margin:0 3px -3px 0 !important;
padding:0; border:none; width:16px; height:16px; }
A fuller example is in the code of JumpStart.
Cheers,
Geoff
http://files.doublenegative.com.au/jumpstart/
On 22/12/2007, at 4:40 AM, jeffrey ai wrote:
Geoff,
I am not quite familiar with CSS.
I think ActionLink or PageLink could only be rendered to an Anchor
Link.
I doubt CSS can change its look like to a button.
Cheers,
Jeffrey Ai
Geoff Callender-2 wrote:
Another technique is to use an ActionLink or PageLink for cancel and
refresh functions. To make the submit button and ActionLink share
the
same styling use css. I think Howard recommends this approach.
Cheers,
Geoff
On 21/12/2007, at 4:37 AM, jeffrey ai wrote:
Homburg,
I noticed the same problem too. If you have a normal cancel button
in a T5
form as your save button, a post request will be sent back to the
page to
go through the validation method and even onSuccess() method.
My solution to this problem is to create an ActionLinkButton
component. It's
almost the same with the ActionLink component, Instead of create a
normal
link, it creates a button link like below:
<input type="button" value="cancel"
onclick="parent.location='/xxx/YOURPAGE.cancel'" id="cancel"/>
In your page, you could have an onActionFromCancel() method to do
whatever
redirection you want.
Cheers,
Jeffrey Ai
Sven Homburg-2 wrote:
hi there,
who can me explain the best practice to cancel edit page?
i have a save- and cancel button (both submit components)
surrounded by
a form component.
if user press the cancel button, the edit form should make nothing
than
leave the page.
without prepare, validation, etc
is this possible?
--
best regards
S.Homburg
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
--
View this message in context:
http://www.nabble.com/-T5--best-practice-to-cancel-edit-page-tp14427892p14441353.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
--
View this message in context:
http://www.nabble.com/-T5--best-practice-to-cancel-edit-page-tp14427892p14459523.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
