J'essaie d'ajouter des bordures à ce script GridLayout
natif en utilisant legridStyle
<GridLayout columns="200, 150" rows="15, 20" class="gridStyle">
<label text="Patient Name" class="rowLabelStyle" row="0" col="0"/>
<label text="{{ fullName }}" class="rowDataStyle" row="1" col="0"/>
<label text="DOB" class="rowLabelStyle" row="0" col="1"/>
<label text="{{ data.subDateOfBirth }}" class="rowDataStyle" row="1" col="1"/>
</GridLayout>
et voici le css correspondant
.gridStyle {
background-color: cadetblue;
border: solid 1px darkgray ;
}
J'ai regardé dans de nombreux endroits, tutoriel, la documentation officielle sans beaucoup de chance, le tableau n'affichera aucune commande sont tous
Dans NativeScript, les propriétés CSS prises en charge sont border-width
, border-color
et border-radius
. border
la balise seule ne fonctionnerait pas.
HTML
<GridLayout columns="200, 150" rows="15, 20" class="gridStyle">
<label text="Patient Name" class="rowLabelStyle" row="0" col="0"/>
<label text="{{ fullName }}" class="rowDataStyle" row="1" col="0"/>
<label text="DOB" class="rowLabelStyle" row="0" col="1"/>
<label text="{{ data.subDateOfBirth }}" class="rowDataStyle" row="1" col="1"/>
</GridLayout>
CSS
.gridStyle {
border-color: cadetblue;
border-width: 1px;
}
Plus d'infos : https://docs.nativescript.org/ui/styling
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots