控制視圖中過多的行邊距

我正在從筆記視圖之一執行視圖面板。它看起來並不壞，但我似乎無法控制每行的頂部邊距&。我想更多地將它們緊密結合在一起。你幾乎可以在這些行之間插入另一行。這是一個代碼示例;控制視圖中過多的行邊距

<?xml version="1.0" encoding="UTF-8"?> 
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
     xmlns:xc="http://www.ibm.com/xsp/custom"> 
<xp:this.resources> 
    <xp:styleSheet href="/styles.css"></xp:styleSheet> 
</xp:this.resources> 
<xc:ExpandCollapse viewPanelName="viewPanel1"></xc:ExpandCollapse> 
<xp:viewPanel rows="60" id="viewPanel1" viewStyleClass="xspView" 
       viewStyle="margin-right:px" rowClasses="even,odd"> 
    <xp:this.data> 
    <xp:dominoView var="view1"> 
     <xp:this.viewName><![CDATA[Foreign\By Client & WBS]]></xp:this.viewName> 
    </xp:dominoView> 
    </xp:this.data> 
<xp:viewColumn id="viewDocSelect" style="width:20.0px" 
       showCheckbox="true" displayAs="hidden"> 
    <xp:this.facets> 
    <xp:viewColumnHeader xp:key="header" 
         id="viewColumnHeader4"> 
    </xp:viewColumnHeader> 
    </xp:this.facets> 
</xp:viewColumn> 
<xp:viewColumn columnName="Client" id="viewColumn1" 
       style="width:197.0px"> 
    <xp:viewColumnHeader value="Client" id="viewColumnHeader1" 
         styleClass="viewHead"> 
    </xp:viewColumnHeader> 
</xp:viewColumn> 
     . 
     . 
    (More column code) 
     . 
     . 
<xp:this.facets> 
    <xp:pager partialRefresh="true" 
      layout="FirstImage PreviousImage 
      SeparatorPage Group NextImage LastImage" 
      xp:key="headerPager" id="pager1"> 
    </xp:pager> 
</xp:this.facets> 
</xp:viewPanel> 
</xp:view>

我試過viewPanel styleClass和它的rowStyle類的樣式中的高度，行高。我已經嘗試在表格和數據區域中使用填充和邊距。它似乎忽略了所有這一切。我在這裏的另一篇文章中發現的奇怪的，甚至是非常棒的課程。

來源

2014-05-22 cjames728

如果您使用的是任何主題，您不會提及哪個主題。這對於這個問題可能很重要。

不確定這是否是一個很好的答案，但您是否嘗試過使用瀏覽器的開發人員工具並使用「檢查元素」功能？左側應該是所有可用的CSS信息。您可能會在您的自定義樣式後看到oneUI應用的其他樣式。您可能需要重寫這些樣式才能獲得所需內容。

大多數XPages控件還具有「disableTheme」屬性。我不確定viewPanel，但檢查，如果是這樣，嘗試關閉，以防止加載額外的主題樣式。

來源

2014-05-22 14:24:09

謝謝。我習慣於使用開發人員工具進行Javascript調試，但是我沒有看到您也可以查看類。你給了我一個地方看。 – cjames728

很酷。很高興這是有幫助的。如果你回來並填寫你的解決方案的細節，那將會很棒。祝你好運！ –

只需在自己的樣式表中覆蓋一些xPage的默認CSS樣式即可。

/* Overrides of view row padding */ 
.xspColumnViewStart {padding-top:0;padding-bottom:0} 
.xspColumnViewMiddle {padding-top:0;padding-bottom:0} 
.xspColumnViewEnd {padding-top:0;padding-bottom:0}

bottom和top的默認值是4px。不知道是否有這些列表在那裏...

來源

2014-05-22 14:59:19 cjames728

控制視圖中過多的行邊距

回答

相關問題