面板內的面板

我想要做的是面板內沒有填充面板。面板內的面板

當我寫的開發模式

.sapUiPanelCont 
    { 
    padding. 0px !important; 
    }

我的面板上有沒有填充了。這正是我需要的。如何用自己的名字覆蓋這個類？所以其他面板得到了正常的sapUiPanelCont，當我將這個類添加到我的控件時，一切都像魅力一樣工作。

我已經加了我的styleClass如下所示：

control.addStyleClass("exampleClass");

來源

2017-01-03 invasion

你的CSS選擇器必須比默認.sapUiPanelCont一個更具體。 The most specific selector 'wins'。

所以，你可以嘗試使用選擇.sapUiPanelCont.exampleClass和忽略的重要標誌！

.sapUiPanelCont.exampleClass 
{ 
    padding: 0px; 
}

您可以將樣式添加到一個新的.css文件，並在你的組件元/描述符引用它。請參閱Table 4 of documentation。

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

隨着myStyles.css一旦你的組件加載，就會被添加到html文檔中。

或者，如果你正在使用XMLViews，可以inline the styles into the view：

<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>

來源

2017-01-03 19:30:10 schnoedel

面板內的面板

回答

相關問題