+33 03 83 56 65 20 +33 06 87 42 95 30

Tutoriels Astroïd

Types de champs et exemples de codes

Note de l'utilisateur: 0 / 5

Donnez une note !
0 sur 5 - 0 votes
Merci d'avoir noté cet article.

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 :

Nom

Description

Obligatoire

min

L'attribut min spécifie la valeur minimale pour astroidrange.

non

max

L'attribut max spécifie la valeur maximale pour astroidrange.

non

step

L'attribut step spécifie la taille de chaque mouvement (un incrément ou un saut entre les valeurs) de la plage astroidrange.

non

postfix

L'attribut Postfix spécifie ce qu'il faut afficher après la valeur de la plage

non

prefix

L'attribut Prefix spécifie ce qu'il faut afficher avant la valeur de la plage

non

default

L'attribut default spécifie la valeur par défaut de astroidrange. La plage par défaut commence à 70.

non

 

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>
Ajouter un Commentaire

Contact

Parlons social

Recevoir des nouvelles du site