Optik von AgilePoint NX eForms Formularen anpassen über CSS

AgilePoint NX eForms bringen eine Standard Optik mit, die Sie mit CSS auf Ihre speziellen Bedürfnisse anpassen. Die folgenden Screenshots zeigen den Weg zu einem in der Optik angepassten eForm mit Rahmen um das Formular und horizontalen Trennern.

Ein eigenes CSS fügen Sie wie folgt hinzu:

In der Designansicht ergibt das:

In der Voransicht oder bei der Verwendung durch Endbenutzer ist die Optik folgende:

Das zugehörige CSS wie folgt:

 .heading {  
   font-weight: bold;  
   font-style: normal;  
   text-align: center;  
   width: 98.69%;  
 }  
 .heading-big{  
   font-size: 32px;  
 }  
 .heading-sm{  
      font-size: 20px;  
 }  
 .box{  
 border-top:2px solid #ccc;  
 border-bottom:2px solid #ccc;  
 padding: 12px;  
 }  
 #formPreviewSite{  
   padding: 0px !important;  
      margin: 0px !important;  
 }  
 #previewForm{  
     border: 2px solid #ccc;  
        margin: 5px;  
 }  
 [controlholdername="RawHtml3"],[controlholdername="RawHtml31"],[controlholdername="RawHtml32"],[controlholdername="RawHtml33"],[controlholdername="RawHtml34"],[controlholdername="RawHtml35"],[controlholdername="RawHtml36"],[controlholdername="HorizontalLine1"]{  
        padding: 0px !important;  
 }  
 #row5column1{  
   width: 21.3333% !important;  
 }  
 #previewFormActionButtonsWrapper{  
 display:none;  
 }  

Die komplette AgilePoint Anwendungen bitte hier runterladen.