Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Mineure

Contenu

Table of Contents
maxLevel2
stylenone

Plus d'information 

Page Tree
rootPW - Intégration Widget


Personnaliser le style du formulaire de paiement du widget est possible en surchargeant la feuille de style fournit par défaut par Payline.

Excerpt

Les fonctions de personnalisation du Widget en mode lightbox et en mode in-shop (tab/colonne).

Les attributes CSS pour l'intégration Widget :

       public static STYLE_ELEMENT_KEYS = ["font-size", "font-family", 'font-weight', 'font-style', "color", "padding-top",

            "padding-right", "padding-bottom", "padding-left", 'text-transform', 'text-decoration', 'letter-spacing', 'word-spacing',

            'line-height', 'text-align', 'vertical-align', 'direction', 'background-color',

            'background-image', 'background-repeat', 'background-position', 'background-attachment', 'opacity', 'margin-top',

            'margin-left', 'margin-right', 'margin-bottom'];



Le détail de la liste des CSS:

DescriptionCSS
Définit la taille de caractères de l'élément.font-size
Définit la famille de polices à utiliser pour afficher le contenu.font-family
Définit l'épaisseur de la police de caractères à appliquer à l'élément.font-weight
Détermine si l'élément doit être affiché en caractères normaux, italiques ou obliques.font-style
Définit la couleur du texte affiché au premier-plan de l'élément.color
Ces quatre propriétés permettent de définir individuellement le remplissage à appliquer à chaque côté d'un élément.padding-top, padding-bottom, padding-right, padding-left
Contrôle la capitalisation du texte d'un élément.

text-transform

Définit les enrichissements à appliquer au contenu d'un élément (souligné, barré, barre supérieure et clignotement).

text-decoration

Définit l'espacement entre les caractères à l'intérieur d'un élément.

letter-spacing

Définit l'espacement entre les mots lorsque le texte n'est pas soumis à des règles d'espacement externes.

word-spacing

Définit la hauteur de la zone contenant une ligne physique du contenu.

line-height

Détermine l'alignement horizontal du texte à l'intérieur d'un élément.text-align
Deux valeurs, top et bottom, déterminent le positionnement du texte à l'intérieur de ce cadre.vertical-align
Définit le sens d'affichage des éléments de contenu incorporés et l'ordre de remplissage des cellules de tableau sur une ligne.direction
Définit la couleur d'arrière-plan de l'élément.background-color
Définit l'image d'arrière-plan à associer (le cas échéant) à l'élément.background-image
Indique la nécessité ou non de répéter l'image d'arrière-plan.background-repeat
Définit l'emplacement du bord gauche et du bord supérieur de l'image d'arrière-plan.background-position
Définir si l'image défile par rapport au document.background-attachment
L'opacité d'un élément est le contraire de sa transparenceopacity
Définir les marges d'un élément.margin-top, margin-top, margin-left, margin-right, margin-bottom




Pages associées

Content by Label
showLabelsfalse
max10
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@9a3
showSpacefalse
sorttitle
typepage
cqllabel in ( "mode_integration" , "inshop" ) and label = "pageweb" and type = "page" and space = "DT"
labelsbancontact belgique choixdelamarque