如何刪除XPAGE表格邊框

第一個問題是：我真的需要使用表格來對齊/組織標籤/在我的XPage領域？這就像舊風格的開發（使用隱藏表），可幫助將表單/頁面上的組件組合在一起。無論如何，我只是從Notes 8切換到Notes 9並應用Bootstrap 3主題。現在所有表格都有我無法移除的頂部邊框。這很奇怪。即使我自己的班級也不會刪除邊框。如何刪除XPAGE表格邊框

table, th, td { 
    border-collapse: collapse; 
}

此外，如果我嘗試設置邊框尺寸/顏色，它只適用於左，右和底部。如果我設置邊框大小的2px然後設置顏色上邊框以及

table, th, td { 
    border: 1px solid black; 
}

那麼，如何刪除我的網頁上表邊框。見下面

來源

2016-06-30 John Glabb

圖片下面的行添加到您的CSS：

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, 
.table>tbody>tr>td, .table>tfoot>tr>td { 
    border-top: 0px; 
}

你並不需要一個表來對齊標籤和字段。使用樣式「顯示：inline-block的」，並設置適當的寬度：

<xp:label 
    value="Label1" 
    id="label1" 
    for="inputText1" 
    style="width:20%;display:inline-block;"> 
</xp:label> 
<xp:inputText 
    id="inputText1" 
    value="#{sessionScope.input1}" 
    style="width:75%;display:inline-block;"> 
</xp:inputText>

使用標籤和字段單獨的類與樣式相同的對齊設置爲你的應用程序的所有標籤/場。

來源

2016-06-30 17:35:22

完美的作品... –

如果你到一個引導主題，你就不需要對準錶，再加上你將創建一個響應式設計，可以適應移動設備。

來源

2016-06-30 20:39:07 Howard

如何刪除XPAGE表格邊框

回答

相關問題