如何從對象列表項中刪除填充？

我有一個包含分組對象列表項的列表。 Like here in the Explored App，點擊Samples。現在，所有這些項目都有一個填充1rem，由CSS與選擇器.sapMLIB.sapMObjLItem給出。如何從對象列表項中刪除填充？

現在我想減少頂部和底部填充到0.25rem，所以增加了一個類對象和進口的自定義的CSS（經由manifest.json），所有所描述的in the Walkthrough。它不工作，因爲正常的CSS覆蓋我的自定義的。

另一個嘗試是將類sapUiNoContentPadding添加到元素，但也是後面的css規則會被第一段中描述的規則覆蓋。

我在做什麼錯？如何刪除該填充而不重寫渲染器？

MyView的：

<mvc:View 
    controllerName="sap.ui.xxxx.someapp.controller.MyList" 
    xmlns="sap.m" 
    xmlns:mvc="sap.ui.core.mvc"> 
    <StandardListItem title="Titel"/> 
    <List class="sapUiResponsiveMargin sapUiNoContentPadding" 
    width="auto" 
    items="{path : '//elementsSet', 
     sorter : { 
     path : 'attribute1}', 
     group : true 
     } 
    }"> 
    <items> 
     <ObjectListItem title="{= ${attribute1} === '' ? 'Enter Text Please' : ${attribute1}}" 
     icon="{= ${attribute1} === '' ? 'sap-icon://alert' : 'sap-icon://sys-enter'}" 
     number="{attribute4}" 
     numberUnit="$" 
     numberState="{= ${attribute4} > 10 ? 'Error' : 'Success' }" 
     type="Active" press="onItemPress" 
     markFlagged="true" markFavorite="true" 
     showMarkers="true" 
     class="sapUiNoContentPadding myownclassforpadding"> 
     <firstStatus> 
      <ObjectStatus 
      text="some text" /> 
     </firstStatus> 
     <attributes> 
     <ObjectAttribute text="{attribute1}" visible="false"/> 
     <ObjectAttribute text="{attribute2}"/> 
     <ObjectAttribute text="{attribute3}" visible="false"/> 
     <ObjectAttribute text="{attribute4}" visible="false"/> 
     </attributes> 
     </ObjectListItem> 
    </items> 
    </List> 
</mvc:View>

我的CSS

.myownclassforpadding{ 
    padding: 0; 
    background-color: green; 
}

來源

2016-01-22 inetphantom

你的CSS類myownclassforpadding將不會被使用，因爲從圖書館CSS是更具體的，因爲它使用兩個類sapMLIB和sapMObjLItem。你可以讓你的CSS更具體是這樣的：

.sapMLIB.sapMObjLItem.myownclassforpadding{ 
    padding: 0; 
    background-color: green; 
}

看一看的JSBin example。

來源

2016-01-22 10:11:57 schnoedel

嘗試下面的選擇覆蓋默認的CSS。

.sapMLIB.sapMObjLItem.myownclassforpadding{ 
    padding-top: 0.25rem; 
    padding-bottom: 0.25rem; 
    background-color: green; 
}

來源

2016-01-22 10:06:18 Saddamhussain

爲什麼？有什麼想法？ – inetphantom

使其更具體。請參閱此文檔以瞭解詳細信息：https：//openui5beta.hana.ondemand.com/#docs/guide/723f4b2334e344c08269159797f6f796.html – Saddamhussain

如何從對象列表項中刪除填充？

回答

相關問題