type de champ astroidgroup
Le type de champ formulaire astroidgroup vous permet de regrouper plusieurs champs dans une section/en-tête. Le titre de section est également ajouté sous les onglets de navigation sur la gauche.
Exemple
<field type="astroidgroup" name="fieldname" title="titre ici" description="une description vient ici"/>
type de champ astroidradio
Le type de champ de formulaire Asrtroidradio fournit des boutons radio permettant de sélectionner différentes / plusieurs options.
Exemple
<field type="astroidradio" name="nom_du_champ" title="titre ici" description="une description vient ici"> <option value="option_one">option_une</option> <option value="option_two">option_deux</option> </field>
Valeurs d'entrée :
|
Valeur |
Description |
Obligatoire |
|---|---|---|
|
type |
Type de champ (doit être astroidradio) et ceci est obligatoire |
oui |
|
name |
Le nom du champ qui sera utilisé pour stocker des valeurs dans la base de données |
oui |
|
title |
Le titre du champ qui devrait être affiché dans la navigation de gauche et comme en-tête |
oui |
|
description |
La description qui sera affichée sous le titre (en-tête) |
non |
type de champ astroidmedia
Le type de champ de formulaire Astroidmedia fournit une option multimédia permettant de télécharger des images telles qu'une image d'arrière-plan, un logo, etc.
Exemple
<field type="astroidmedia" name="nom_du_champ" title="titre ici" description="une description vient ici"/>
Valeurs d'entrée :
|
Valeur |
Description |
Obligatoire |
|---|---|---|
|
type |
Type de champ (doit être astroidmedia) et ceci est obligatoire |
oui |
|
name |
Le nom du champ qui sera utilisé pour stocker des valeurs dans la base de données |
oui |
|
title |
Le titre du champ qui devrait être affiché dans la navigation de gauche et comme en-tête |
oui |
|
description |
La description qui sera affichée sous le titre (en-tête) |
non |
type de champ astroidlist
Avec le type de champ de formulaire Astroidlist, nous pouvons créer une liste déroulante. Cela permet à l'utilisateur de choisir une valeur dans une liste.
Exemple
<field type="astroidlist" name="nom_du_champ" title="titre ici" description="une description vient ici" astroid-variable="valeur pour la liste déroulante" />
Valeurs d'entrée :
|
Valeur |
Description |
Obligatoire |
|---|---|---|
|
type |
Type de champ (doit être astroidlist) et ceci est obligatoire |
oui |
|
name |
Le nom du champ qui sera utilisé pour stocker des valeurs dans la base de données |
oui |
|
title |
Le titre du champ qui devrait être affiché dans la navigation de gauche et comme en-tête |
oui |
|
description |
La description qui sera affichée sous le titre (en-tête) |
non |
|
astroid-variable |
Fournit une valeur pour la liste déroulante (liste astroïde). |
oui |
type de champ astroidswitch
Le champ de formulaire astroidswitch fournir un commutateur à savoir une case à cocher qui permettent à l'utilisateur de faire un choix (choix binaire), un choix entre l'une des deux options possibles mutuellement exclusives
Exemple
<field type="astroidswitch" name="nom_du_champ" title="titre ici" description="une description vient ici" checked="false/true" />
Valeurs d'entrée :
|
Valeur |
Description |
Obligatoire |
|---|---|---|
|
type |
Field type (must be astroidswtich) and this is mandatory |
oui |
|
name |
Le nom du champ qui sera utilisé pour stocker des valeurs dans la base de données |
oui |
|
title |
Le titre du champ qui devrait être affiché dans la navigation de gauche et comme en-tête |
oui |
|
description |
La description qui sera affichée sous le titre (en-tête) |
no |
|
checked |
Il s'agit de la valeur par défaut false == 0 et True == 1. Checked = "true" signifie que astroidswitch est cochée et vérifié = "false" signifie que astroidswitch n'est pas cochée |
no |
Type de champ color
Le champ de formulaire color fournit un sélecteur de couleurs pour sélectionner la couleur.
Exemple
<field type="color" name="nom_du_champ" title="titre ici" description="une description vient ici" />
Valeurs d'entrée :
|
Valeur |
Description |
Obligatoire |
|---|---|---|
|
type |
Type de champ (doit être color) et cela est obligatoire |
oui |
|
name |
Le nom du champ qui sera utilisé pour stocker des valeurs dans la base de données |
oui |
|
title |
Le titre du champ qui devrait être affiché dans la navigation de gauche et comme en-tête |
oui |
|
description |
La description qui sera affichée sous le titre (en-tête) |
non |
type de champ astroidtypography
Pour la typographie h1,h2,h2,h4,h5,h6 & body.
Exemple
<field astroidgroup="body_typography" name="nom_du_champ" type="astroidtypography" font-face="" alt-font-face="" font-color="" font-size="1" font-unit="em" letter-spacing="0” line-height="1" font-style="" font-weight="400" text-transform="none"></field>
Valeurs d'entrée :
|
Nom |
Valeur par défaut |
Type |
Description |
|---|---|---|---|
|
font-face |
Arial |
STRING |
font-face peut être Arial, Times New Roman, Verdana et Trebuchet et d’autres peuvent être possibles |
|
alt-font-face |
Abel |
STRING |
Si le navigateur ne prend pas en charge la première famille de polices, il tente la famille de polices Alternative. |
|
font-color |
White |
STRING |
Font-color peut être Hex , RGB ou RGBA |
|
font-size |
1 |
INT |
La propriété font-size définit la taille d'une police |
|
font-unit |
em |
STRING |
font-Unit peut être PX, em, PT, ex etc |
|
letter-spacing |
0 |
INT |
La propriété letter-spacing augmente ou diminue l'espace entre les caractères d'un texte. |
|
line-height |
1 |
INT |
La propriété line-height spécifie la hauteur d'une ligne |
|
font-style |
none |
STRING |
font-style peut être italique, oblique et beaucoup plus encore |
|
font-weight |
400 |
INT |
la propriété font-weight définit la façon dont les caractères du texte doivent être affichés (épaisseur) . Font-weight peut être normal , bold , bolder etc. |
|
text-transform |
none |
STRING |
text-transform peut être : none , capitalize , uppercase , lowercase , initial , inherit. |
|
color-picker |
true |
STRING |
Fournit un sélecteur de couleur contextuel. (Vous pouvez envoyer false pour désactiver le sélecteur de couleur) |
type de champ astroidrange
Permets à l'utilisateur de spécifier une valeur numérique qui ne doit pas être inférieure à une valeur minimale, et pas supérieure à une autre valeur maximale.
Exemple
<field name="nom_du_champ" type="astroidrange" min="20" max="500" step="1" postfix="px" prefix="" default="40" description="une description vient ici" />
Valeurs d'entrée :
type de champ astroidcalendar
Le type de champ Astroidcalendar permet à l'utilisateur de sélectionner une date dans le calendrier, telle que la date du compte à rebours.
Exemple
<field name="nom_du_champ" type="astroidcalendar" description="une description vient ici" default="2017-05-15" ></field>
Valeurs d'entrée :
|
Nom |
Description |
Obligatoire |
|---|---|---|
|
default |
Date par défaut à afficher dans le calendrier |
non |
type de champ texte
Les éléments de type texte créent des entrées de base sur une seule ligne. Vous devez les utiliser là où vous voulez que l'utilisateur entre une valeur sur une seule ligne.
Exemple
<field type="text" label="intitulé" description="une description vient ici" default="48rem" ></field>
Valeurs d'entrée :
|
Nom |
Description |
Obligatoire |
|---|---|---|
|
default |
Pour définir la valeur par défaut dans le champ de texte |
non |
type de champ textarea (zone de texte)
Textarea définit un contrôle de saisie de texte multiligne. Une zone de texte peut contenir un nombre illimité de caractères.
Exemple
<field name="nom_du_champ" type="textarea" filter="raw" label="L'intitulé vient ici" description="une description vient ici" hint="l’indice va ici" />
Valeurs d'entrée :
|
Nom |
Description |
Obligatoire |
|---|---|---|
|
filter |
Méthode de filtrage récursif des données pour les champs de formulaire |
non |
|
hint |
Le texte affiché dans l'élément d'espace réservé html placeholder |
non |
Type de champ liste
Avec le type de champ de formulaire liste, nous pouvons créer une liste déroulante. Cela permet à l'utilisateur de choisir une valeur dans une liste..
Exemple
<field name="nom_du_champ" type="list" label="L'intitulé vient ici" description="une description vient ici" default="option_deux" astroid-variable="la variable astroid vient ici">
<option value="option_un">option_un</option>
<option value="option_deux">option_deux</option>
</field>
Valeurs d'entrée :
|
Nom |
Description |
Obligatoire |
|---|---|---|
|
default |
Avec la valeur par défaut, nous pouvons définir quelle valeur est sélectionnée par défaut dans la liste déroulante. |
non |
|
astroid-variable |
Fournit une valeur pour la liste déroulante (liste astroïde) |
non |
type de champ astroidmodulesposition
Une position de module est un espace réservé dans un template. Les espaces réservés identifient une ou plusieurs positions dans le template.
Exemple
<field astroidgroup="astroidgroup vient ici" name="nom_du_champ" type="astroidmodulesposition" label="intitulé vient ici" default="" description="une description vient ici" />
type de champ astroidicon
AstroidIcon vous fournit une liste d'icônes disponibles pour l'icône de retour en haut. La liste est codée en dur dans le code et ne peut pas être modifiée au niveau du template.
Exemple
<field description="une description vient ici" name="nom_du_champ" type="astroidicon" default="fas fa-long-arrow-alt-up" label="l'intitulé vient ici" />
Valeurs d'entrée :
|
Nom |
Description |
Valeur Par défaut |
Obligatoire |
|---|---|---|---|
|
default |
Avec la valeur par défaut, nous pouvons définir quelle valeur est par défaut sélectionnée dans la liste déroulante |
fas fa-long-arrow-alt-up |
non |
type de champ Menu
Le type de champ menu fournit une liste déroulante des menus disponibles à partir de votre Site Joomla!. Si le champ a une valeur enregistrée, celle-ci est sélectionnée lors du premier chargement de la page. Si ce n'est pas le cas, la valeur par défaut (le cas échéant) est sélectionnée.
Exemple
<field name="nom_du_champ" type="menu" default="mainmenu" label="l'intitulé vient ici" description="une description vient ici" />
Valeurs d'entrée :
|
Valeur |
Description |
Obligatoire |
|---|---|---|
|
Name |
Description |
Obligatoire |
|
type |
Cette option est obligatoire et doit être un menu |
oui |
|
name |
C'est le nom unique du champ |
oui |
|
label |
Il s'agit du titre descriptif du champ |
oui |
|
default |
Il s'agit du menu par défaut |
non |
|
description |
Il s'agit du texte qui sera affiché sous forme d'info-bulle lorsque l'utilisateur déplace la souris sur la zone déroulante |
non |
Code
CSS personnalisé
Vous pouvez utiliser le CSS personnalisé pour personnaliser l'apparence.
Exemple
<field code="css" name="customcss" type="textarea" label="L'intitulé vient ici" description="une description vient ici"></field>
JavaScript personnalisé
Exemple
<field code="javascript" name="customjs" type="textarea" label="L'intitulé vient ici" description="une description vient ici"></field>
