Lägg till ikoner för att ange aktiva och slutförda flikar
När du har ett anpassat formulär med vänster fliknavigering kanske du vill visa ikoner som anger flikens status. Du kan t.ex. visa en ikon som anger att fliken är aktiv och en ikon som anger att den är klar, vilket visas på skärmbilden nedan.
Skapa ett adaptivt formulär
Ett enkelt adaptivt formulär baserat på den grundläggande mallen och Canvas 3.0-temat användes för att skapa exempelformuläret.
De ikoner som används i den här artikeln kan hämtas härifrån.
Formatera standardläge
Öppna formuläret i redigeringsläge
Kontrollera att du befinner dig i stillagret och välj en flik (till exempel fliken Allmänt).
Du är i standardläget när du öppnar formatredigeraren för fliken så som visas på skärmbilden nedan
Ange CSS-egenskaper för standardläget enligt nedan
| Kategori | Egenskapsnamn | Egenskapsvärde |
|:—|:—|:—|
| Dimensioner och position | Bredd | 50px |
| Text | Teckenbredd| Fet |
| Text | Färg | #FFF |
|Text | Radhöjd| 3 |
|Text | Textjustering | Vänster |
|Bakgrund| Färg | #056dae |
Spara ändringarna
Formatera det aktiva läget
Kontrollera att du är i läget Aktiv och formatera följande CSS-egenskaper
Formatera bakgrundsbilden som den visas på bilden nedan
Spara ändringarna.
Formatera besöksstatus
Se till att du är i besökt läge och formatera följande egenskaper
Formatera bakgrundsbilden som den visas på bilden nedan
Spara ändringarna
Förhandsgranska formuläret och testa att ikonerna fungerar som förväntat.