Comment remplacer le css mobile dans Xpages Mobile App

Question

J'écris une application iPhone qui a quelques pages Xpages incluses dans l'application. Dans Xpages j'utilise la page d'application unique, puis les pages d'application. Ils travaillent assez bien.

Cependant, dans ma première page j'obtiens un espace de 44px que je ne veux pas. J'ai remarqué qu'il ya CSS qui provoque ceci:

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

J'ai une photo de la façon dont il regarde ici:

http://www.flickr.com/photos/28998410@N06/

Comment puis-je passer outre que pour que je css ne comprends pas horrible bar en haut.

Toute aide serait grandement appréciée.

Bryan

Answer 1

Le rembourrage de 44px est là parce que la conception attend un titre avant que le contenu. Le titre nécessite 44px d'espace. Voici un exemple simple où le titre est inclus:

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

Vous pouvez créer votre propre CSS personnalisé avec le contenu suivant et l'ajouter en tant que ressource stylesheet à votre XPage. Cela devrait remplacer la norme CSS:

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