Come implementare il concetto di finestra di composizione di Gmail nelle applicazioni per pagina singola?

Question

• Sto lavorando a un progetto in cui sarebbe più semplice per gli utenti aggiungere rapidamente transazioni.

• Sono molto interessati a fare qualcosa di simile a ciò che di Gmail pop-up fa sulla singola pagina

• non ho idea di come realizzare una cosa del genere . Per favore mi dia indicazioni su come fare queste cose

• Sono interessato a costruirlo usando AngularJS

PS Scusate per una vasta domanda, ma io davvero non so che cosa questo si chiama e don 't so cosa Google sia per

Answer 1

Guarda anche questi JS angolari avvisi sulla base di bootstrap:

http://mgcrea.github.io/angular-strap/#/alerts

È possibile utilizzare il servizio fornito $ modale che prende un URL modello così:

var modal = $modal({template: '/js/app/views/elements/modal-welcome.html', show: true, backdrop: 'static'}); 

e lo mostra come un pop-up.

Answer 2

È possibile creare facilmente un popup come quello usando un elemento regolare div e alcuni CSS. In particolare, la proprietà CSS position: fixed ti consente di mettere qualcosa in una posizione sulla finestra, indipendentemente da come scorra.

Ecco un semplice JSFiddle che dimostra la tecnica: http://jsfiddle.net/BinaryMuse/ndr2Q/

È possibile fare clic sui titoli dei libri di espandere la loro descrizione, che si spera rendere la finestra di anteprima abbastanza alto per scorrere. (In caso contrario, ridimensiona la finestra.) Indipendentemente da dove nel documento si scorre, la finestra "popup" (che è solo un elemento regolare con uno ng-show e alcuni CSS) rimane nella parte inferiore destra dello schermo.

Si possono trovare le librerie, come Bootstrap, che presentano i plugin jQuery per consentire di fare i popup sulla pagina, ma in generale sono progettati per impedire all'utente di interagire con la pagina dietro modale in qualsiasi utile modo. Una tecnica come questa ti consente di scorrere e utilizzare la pagina sullo sfondo simile all'interfaccia di Gmail.

Answer 3

Dockmodal è un plug-in modale dockable di Gmail che ha la possibilità di minimizzare e ripristinare le finestre di dialogo modali aperte.