Linda arrive à son bureau et se demande si elle a bien tout vu et bien tout compris sur son modèle d'offre.
Elle a déjà vu les en-tête et pied de page, la structure principale, les postes d'offres, les tableaux des totaux et Sous-totaux ...
Mais les conditions et la signature?
"Oh non, encore cette petite chose à voir!" se dit-elle.
Elle se prépare un bon café bien chaud et s'y met avec Vijay !
Les conditions
Ils sont contents, car il reste plus grande chose dans la page Visualforce. Ils continuent avec les conditions particulières.
Conditions particulières
C’est un champ à renseigner sur l’offre.
Actuellement aucune étiquette n'est prévue dans le code.
Conditions de l’offre
Idem, c’est un champ à renseigner sur l’offre.
Actuellement aucune étiquette n'est prévue dans le code.
<!-- Conditions particulières -->
<tr>
<td colspan="{!colspan1}" class="borderOff">
<apex:outputField
value="{!sofactoapp__Offre__c.sofactoapp__Conditions_particuli_res__c}" />
</td>
</tr>
<!-- Saut de ligne -->
<tr>
<td colspan="{!colspan1}" class="borderOff"> </td>
</tr>
<!-- Conditions de l'offre -->
<tr>
<td colspan="{!colspan1}" class="borderOff">
<apex:outputField value="{!sofactoapp__Offre__c.sofactoapp__Raison_sociale__r.sofactoapp__Conditions_de_l_offre__c}" />
</td>
</tr>Signature
Voici la partie qui sera signée par votre client. Comme vous voyez, elle est constituée seulement de deux <tr> et deux <td>, et pour l’instant du texte en “dur”.
<!-- Signature -->
<tr class="borderOff" style="font-size:11px;" >
<td colspan="{!colspan2}"></td>
<td style="text-align:center">
<apex:outputText value="Autorisé par"/>
</td>
<td style="text-align:center">
<apex:outputText value="Date"/>
</td>
</tr>
<tr class="borderOff" style="height:75px;vertical-align:bottom">
<td colspan="{!colspan2}"></td>
<td style="text-align:center">
.........................
</td>
<td style="text-align:center">
.........................
</td>
</tr>Le style de la deuxième ligne <tr> est un bon exemple pour un style bien utile. Comme vous le voyez, vous pouvez gérer la hauteur d’une cellule via l’attribut de style height.
L’attribut vertical-align vous permet de configurer si le texte s’affiche en haut, au milieu ou en bas de la cellule.