Quels attributs CSS peuvent être utilisés pour contrôler le pager?

J'ai un contrôle personnalisé de répétition avec un pager. Dans le concepteur, le texte ("previous 1 | 2 | 3 | 4 | 5 Next") est aligné à droite; Malheureusement, lorsqu'il est affiché sur le serveur, ce texte est aligné à gauche. J'ai essayé d'ajouter le text-align: right au paramètre de police du style, sans aucun succès. Le serveur est également incapable d'étendre un xp:div à la taille spécifiée CSS (largeur: 800px).Quels attributs CSS peuvent être utilisés pour contrôler le pager?

Je suis en version 8.5.3. Est-ce que quelqu'un a eu ce genre de problème?

Source

2013-06-11 Olivier

Le serveur n'agit jamais sur CSS. Les navigateurs font. Lorsque vous inspectez l'envoi HTML au navigateur, vous pouvez voir où va votre CSS - et pourquoi il n'a pas l'effet désiré – stwissel

Pourriez-vous clarifier la question? Et coller la source pager puis aura une meilleure idée. Si vous avez sélectionné le contrôle du téléavertisseur et donné la propriété d'alignement comme étant correct, votre source devrait s'afficher comme suit.

<xp:pager partialRefresh="true" layout="Previous Group Next" xp:key="headerPager" id="pager1" panelPosition="right"></xp:pager>

Source

2013-06-11 09:16:05 flykarthick

Voici le contrôle: " \t \t "- - Comme je l'ai dit le texte apparaît bien aligné dans le concepteur. – Olivier

Vous pouvez ajouter style="float:right" dans le contrôle de téléavertisseur bien qu'il n'est pas la meilleure pratique pour ajouter des styles CSS à XPages ou des contrôles personnalisés.

Découvrez dans quelle classe CSS l'élément pager est associé (avec les outils de développement dans le navigateur). Ce devrait être la classe xspPagerRight. Recherchez également la source où float: right est remplacé par left. Si vous ne pouvez pas le changer, vous devez le "remplacer". Créez un fichier Feuilles de style sous Ressources et saisissez

.xspPagerRight { 
    float: right; 
}

Puis ajoutez-le comme ressource à vos XPages ou thème.

Source

2013-06-11 12:55:31

Ok ça marche (je suppose que je ne saurai jamais pourquoi!); Merci beaucoup. Avez-vous une idée sur le xp: div qui reste à 500px largeur quand il a un style 800px? – Olivier

Je suis content que cela fonctionne. S'il vous plaît rechercher sur le réglage CSS pour cette div dans la page rendue dans le navigateur. Là vous voyez où ii est réglé à 500px et peut le changer là. –

Voici un lien avec la description comment "rechercher" sur une page rendue: https://developers.google.com/chrome-developer-tools/ Si vous n'utilisez pas le chrome regardez ici: http: // www. browserstack.com/debugging-tools –

Notez à propos de la question: pourquoi le titre est différent de ce qu'il était quand je l'ai créé?

Source

2013-06-12 12:19:31 Olivier

Quels attributs CSS peuvent être utilisés pour contrôler le pager?

Répondre

Questions connexes