2011-05-14 43 views
0

我有一個顯示bookInstance詳細信息的頁面。在該頁面上,我想放置一個使用g:鏈接的按鈕來顯示一些額外的細節。Grails g:鏈接按鈕顯示爲大於其他按鈕

我有機械地工作的代碼,但按鈕顯示不正確。該按鈕的框不縮小到內容的大小,並且在按鈕的右側添加了一條有趣的線條。

這是我目前使用的代碼;

<g:form> 
    <p><g:actionSubmit class="button" action="edit" value="${message(code: 'default.button.edit.label', default: 'Edit')}" /> 
    <g:actionSubmit class="button" action="delete" value="${message(code: 'default.button.delete.label', default: 'Delete')}" onclick="return confirm('${message(code: 'default.button.delete.confirm.message', default: 'Are you sure?')}');" /> 
    <g:link controller="ownedBook" action="list" params="['book.id': bookInstance?.id]" ><input class="button" value="${message(code: 'default.button.add.owner.label', default: 'Owned Copies')}" /></g:link> 
    <g:hiddenField name="id" value="${bookInstance?.id}" /></p> 
</g:form> 

Image Link

+1

什麼是輸出HTML?使用任何自定義CSS? – 2011-05-14 18:16:13

+0

是的,它是一個html輸出。 – Andrew 2011-05-14 18:37:10

+0

按鈕類的css是; .button { font-size:1.05em; color:#FFFFFF; background-color:#b2c951; border:1px solid#245416; padding:5px; margin:10px 5px 0px 0px; } .button:hover { background-color:#c9e06d; } – Andrew 2011-05-14 18:38:28

回答

0

你在你的G包裝輸入按鈕:鏈接。只需使用消息(即形成按鈕標籤)作爲g:鏈接內容。

你想要錨點標記或按鈕嗎?

+0

我想要一個按鈕尋找鏈接。 – Andrew 2011-05-15 07:37:01

+0

然後使用g:actionSubmit並使用事件處理程序。 – 2011-05-15 15:22:17

+0

或者,按照上面所述使用g:鏈接並修改其外觀。無論哪種情況,在g:鏈接內嵌入輸入按鈕都不是您想要的。 – 2011-05-15 15:39:17