tail

Mattepuffo's logo
Usare Tailwind in Angular

Usare Tailwind in Angular

In questo articolo vediamo come integrare Tailwind in un progetto Angular.

Iniziamo con l'installazione di Tailwind:

npm install -D tailwindcss postcss autoprefixer

Mattepuffo's logo
Usare TailwindCSS in Angular

Usare TailwindCSS in Angular

Sento sempre più spesso parlare di TailwindCSS, ed ho quindi deciso di provarlo in Angular.

Partendo dal presupposto che sto usando Angular 12, iniziamo aggiungendo TailwindCSS con questo comando:

ng add @ngneat/tailwind

Mattepuffo's logo
Layout master-detail in Flutter

Layout master-detail in Flutter

Quello che vogliamo creare è un classico layout master-detail in Flutter, senza l'ausilio di qualche sorta di designer (sempre se ne esistono).

Cominciamo col creare una nostra classe "POJO":

import 'package:meta/meta.dart';

class Nota {
  Nota({
    @required this.id,
    @required this.titolo,
    @required this.testo,
  });

  final int id;
  final String titolo;
  final String testo;
}

final List<Nota> note = <Nota>[
  Nota(id: 1, titolo: "UNO", testo: "TESTO 1"),
  Nota(id: 2, titolo: "DUE", testo: "TESTO 2")
];

Mattepuffo's logo
Collegare DetailsView e GridView

Collegare DetailsView e GridView

In questa guida vi spiego come collegare una DetailsView a una GridView.

Do per scontato che sappiate cosa siano e come si usano; inoltre io uso un database Sql Server.

Supponiamo di avere database con una classica tabella clienti che ha i seguenti campi:

  • id
  • nome
  • cognome
  • data di nascita
  • email
  • città
  • comune
  • codice fiscale

Di queste voci vogliamo mostrare pubblicamente solo id, nome e cognome.

Per fare questo possiamo usare tranquillamente una GridView impostando manualmente i campi da visualizzare.

Per vedere tutti le altre voci collegate invece impostiamo una DetailsView, collegandola alla GV.

Come fare?