面板内的面板

Question

我想做的是在一个没有填充的面板内设置一个面板。

​

​

当我以开发人员模式编写时

  .sapUiPanelCont
  {
  padding. 0px !important;
  }

我的面板上再也没有垫子了。这正是我所需要的。如何用自己的名字覆盖这个类？因此，其他面板获得了正常的sapUiPanelCont，当我将这个类添加到我的控件中时，所有的事情都像魅力一样工作。

我添加了我的styleClass，如下所示：

 control.addStyleClass("exampleClass");

Answer 1

您的CSS选择器必须比默认的.sapUiPanelCont选择器更具体。最具体的选择者“胜利”。

因此，您可以尝试使用选择器.sapUiPanelCont.exampleClass并省略！重要标志：

.sapUiPanelCont.exampleClass
{
  padding: 0px;
}

您可以将样式添加到新的.css文件中，并在组件元数据/描述符中引用它。见文件表4。

...
"sap.ui5": { 
    "resources":{ //relative urls inside component
        "css": [{
            "uri": "myStyles.css"
        }]
    },
 ...

在此基础上，一旦加载组件，myStyles.css将被添加到html文档中一次。

或者，如果您正在使用XMLViews，您可以使用将样式内联到视图中

<mvc:View controllerName="whatever" xmlns="sap.ui.commons" xmlns:mvc="sap.ui.core.mvc"
           xmlns:html="http://www.w3.org/1999/xhtml">
   <html:style>
     .sapUiPanelCont.exampleClass
     {
       padding: 0px;
     }
   </html:style>
   <Panel class="exampleClass" text="Outer Panel">
      <Panel text="Inner Panel">
      </Panel>
   </Panel>
</mvc:View>