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.

beelden-002-klein

Uw formulieren opmaken style-your-forms

  1. 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 ​

  2. 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:

    1. Klik met de rechtermuisknop op de map en selecteer creeer > tot Dossier van het menu

    2. Voer in het dialoogvenster Bestand maken de naam van de stijlpagina in. Controleer of u de extensie .css gebruikt (bijvoorbeeld stylesheet.css)

    3. Open vanuit het navigatievenster het CSS-bestand dat u hebt gemaakt.

    4. 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 ​.

  3. 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.

    1. Zoek op de rendererpagina naar de volgende regel:

      <cq:includeClientLib categorieën="xfaforms.profile" />

    2. Voeg het volgende onder de bovenstaande regel in om de stijlpagina op te nemen:

      <link href="/path/to/stylesheet" rel="stylesheet" type="text/css"/>

    3. Sla het bestand op.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2