如何覆蓋Xpages移動應用程序中的移動css

我正在編寫一個iPhone應用程序，其中包含一些Xpages應用程序。在Xpages中，我使用的是單一應用程序頁面，然後是應用程序頁面。他們工作相當光滑。如何覆蓋Xpages移動應用程序中的移動css

但是，在我的第一頁，我得到了一個我不想要的44像素的空間。我注意到，有CSS導致此：

.mblView { 
padding top: 44px !important; 
}

我有它的外觀在這裏的圖片：

http://www.flickr.com/photos/[email protected]/

我如何可以覆蓋的CSS，這樣我就不會得到頂部看起來可怕的酒吧。

任何幫助將不勝感激。

布萊恩

來源

2013-09-23 Bryan Schmiedeler

可以使用的XPages標記示例爲頁上的控件。這可能提供如何解決的想法。 – Newbs

的44px填充是因爲存在設計預計內容之前，一個標題。標題需要44px的空間。在此處，包括標題一個簡單的例子：

<xe:appPage id="appPage1" pageName="homePage" resetContent="false"> 
    <xe:djxmHeading id="homePageHeading" label="Heading"></xe:djxmHeading> 
    <xe:djxmRoundRectList id="djxmRoundRectList1"> 
     Content 
    </xe:djxmRoundRectList> 
</xe:appPage>

您可以用下面的內容創建自己的自定義CSS並將其添加爲一個樣式表的資源到XPage。這應該覆蓋標準的CSS：

.mblView { 
    padding-top: 0px !important; 
}

來源

2013-09-25 09:10:52

我們最近遇到了一個問題，這是不工作的，因爲使用移動主題（假設），它首先加載我們所有的資源，然後加載移動CSS，從而否定我們的覆蓋。由於IBM的樣式規則也被標記爲！重要，它會覆蓋我們的重要內容。看到這個問題：http://stackoverflow.com/questions/18959874/controlling-order-of-xpages-css-using-mobile-theme – keithstric

你有沒有嘗試過使用som dojo.addOnLoad（）魔法，在內部添加必要的CSS元素？這可能會起作用 –

認爲我們只是在< body >內添加了鏈接標籤以避開它 – keithstric

如何覆蓋Xpages移動應用程序中的移動css

回答

相關問題