Standaardstijlen van HTML5-formulieren wijzigen changing-default-styles-of-html-forms
HTML5-formulieren worden gegenereerd met HTML5-functies en de opmaak van het gegenereerde formulier wordt uitgevoerd met CSS. De standaardweergave van een HTML5-formulier is vergelijkbaar met de uitvoering van de PDF. Ontwikkelaars kunnen aangepaste CSS gebruiken om de standaardweergave van HTML5-formulieren te wijzigen.
Dit artikel verstrekt geleidelijke informatie om stijl van een vorm te veranderen HTML5 en Inleiding aan het artikel van Stijlen bevat gedetailleerde informatie over diverse het stileren aspecten van vormen HTML5. Zorg ervoor dat u Inleiding aan stijlartikel leest alvorens stappen uit te voeren die in dit artikel worden vermeld.
De volgende twee afbeeldingen laten het verschil zien tussen de standaard en aangepaste stijlen.
Uw formulieren opmaken style-your-forms
-
kies een profiel om douanestijlen toe te voegen
Heb toegang tot de interface van CRX DE bij URL: https://<server>:<port>/crx/de en creeer een profiel of kies een bestaand profiel. Om te weten hoe te om een profiel tot stand te brengen, zie Creërend een Profiel
-
creeer een CSS stijlblad voor het stileren van de HTML5 vormen
Navigeer naar de map waarin u de profielrenderer hebt gemaakt en maak een CSS-stijlbladbestand. De volgende stappen zijn:
-
Klik met de rechtermuisknop op de map en selecteer creeer > tot Dossier van het menu
-
Voer in het dialoogvenster Bestand maken de naam van de stijlpagina in. Controleer of u de extensie .css gebruikt (bijvoorbeeld stylesheet.css)
-
Open vanuit het navigatievenster het CSS-bestand dat u hebt gemaakt.
-
Definieer de CSS-klassen van de componenten die u wilt opmaken en voeg stijlen toe in die klassen.
Om te weten welke CSS klassen om voor een bepaalde component in uw HTML5 vormen tot stand te brengen, zie Inleiding aan Stijlen .
-
-
omvat het stijlblad in Renderer van het Profiel
Open de pagina Renderer van het Profiel (jsp- dossier) in CRX DE, en neem het CSS dossier in de pagina net onder de XFA cliëntbibliotheek op. Voer deze stappen uit om het CSS-bestand in profiel op te nemen.
-
Zoek op de rendererpagina naar de volgende regel:
<cq:includeClientLib categorieën="xfaforms.profile" />
-
Voeg het volgende onder de bovenstaande regel in om de stijlpagina op te nemen:
<link href="/path/to/stylesheet" rel="stylesheet" type="text/css"/>
-
Sla het bestand op.
-