控制视图中过多的行边距

时间:2014-05-22 14:09:34

标签: css view xpages

我正在从我的一个笔记视图中查看视图面板。它看起来并不坏,但我似乎无法控制顶级&每行的下边距。我想把它们紧紧地压在一起。你可以在这些行中几乎适合另一条整行。这是代码示例;

<?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类的样式中尝试过height,line-height。我尝试在表格和数据区域使用填充和边距。它似乎忽略了所有这一切。我在另一篇文章中找到的奇怪的偶数课程效果很好。

2 个答案:

答案 0 :(得分:2)

如果您使用的话,请不要提及主题。对于这个问题,这可能非常重要。

不确定这本身是否是一个很好的答案,但您是否尝试过使用浏览器的开发工具并使用&#34; Inspect Element&#34;特征?左边应该是所有可用的CSS信息。 您可能会在自定义样式后看到oneUI应用的其他样式。您可能需要覆盖这些样式才能获得所需的样式。

大多数XPages控件还有一个&#34; disableTheme&#34;属性。我不确定viewPanel,但检查一下,如果是这样,请尝试关闭它以防止加载额外的主题样式。

答案 1 :(得分:0)

在您自己的样式表中覆盖一些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}

底部和顶部的默认值为4px。不知道那里有哪些列表...