Popup modale avec fond transparent ?

Version imprimable

24/09/2007, 15h17
Invité

Popup modale avec fond transparent ?

Bonjour,

Je cherche à faire apparaitre une popup/panel modale avec le reste de l'ecran caché sous un "voile" transparent (j'espère que je suis compréhensible).

Les widgets GWT ne proposant pas cette possibilitée par défaut, j'ai cherché d'autre librairies de widgets sur le net. Deux proposent quelque chose de similaire : GWT TK et GWM. Le problème c'est que GWT tk n'est pas encore compatible avec GWT 1.4 (j'ai des erreur d'execution) et que GWM...j'ai des gros soucis pour le faire fonctionner (le voile transparent n'est pas placé où il faut et l'effet lors de la fermeture n'est pas non plus bien positionné).

Ma question est donc : connaissez-vous une autre librairie me permettant d'arriver à ce résultat ?

Merci d'avance
Loïc
25/09/2007, 12h47
dgirard

GWT Ext contient des popups modales sympa.
http://gwt-ext.googlecode.com/svn/tr.../Showcase.html
Didier
25/09/2007, 13h19
Invité

Merci pour ta proposition, je viens de voir cela. Je suis en train de tester MyGWT (demo : ici) qui m'a l'air très bien aussi.

Merci !
Loïc
12/10/2009, 13h28
safeghost

gwt popup

je vois pas le rapport entre le sujet et le lien que tas proposé. Jy suis allé et jai pas trouvé de popup avec voile transparent sur la page HTML. Merci d'elaicir !
12/10/2009, 13h34
BiM

Citation:

Envoyé par safeghost

je vois pas le rapport entre le sujet et le lien que tas proposé. Jy suis allé et jai pas trouvé de popup avec voile transparent sur la page HTML. Merci d'elaicir !

Bonjour,

Avant d'être si agressif, tu peux déjà dire bonjour et chercher un peu par toi-même : http://www.gwt-ext.com/demo/#messageBox
12/10/2009, 19h58
benwit

Citation:

Envoyé par safeghost

je vois pas le rapport entre le sujet et le lien que tas proposé. Jy suis allé et jai pas trouvé de popup avec voile transparent sur la page HTML. Merci d'elaicir !

Peut être parce que le post date un peu et que depuis, mygwt est devenu ext-gwt (gxt pour éviter les embrouilles) : http://www.extjs.com/examples/#messagebox

Vous pouvez utilisez la librairie gwt-ext (cité précédemment) mais elle n'est plus maintenue contrairement à ext-gwt.
13/10/2009, 08h12
BiM

ext-gwt (ou gxt) qui est payante me semble t'il ?
13/10/2009, 09h48
benwit

Payant, il faut relativisé ...

En effet, il faut payer si on désire livrer un produit installable (war) sans fournir nos sources.

Si vous livrer un war et fournissez vos sources, il n'y a rien à payer.

Il n'y a rien a payer non plus si vous faites une application web (accessible uniquement en ligne) mais non livrable à des clients (L'instance installée reste sur vos serveurs)

Enfin, c'est ce que j'ai compris. Si je me trompe, corrigez moi.
13/10/2009, 10h05
BiM

Il me semble que c'est sans livrer nos sources à Ext-GWT (et non pas au client) mais peut être que je me trompe également ;)
15/10/2009, 13h20
safeghost

Merci les gars pr ces infos.

Je voudrais savoir comment on fait pour authentifier un user sur un dialogBox ou popuPanel.

Les composants GXT me paraissent un peu figé, moi en fait jai utilisé un simple dialogBox de la librairie GWT standard et je l'ai remplis de mon formulaire (login + password + bouton cnx).

Ce que j'aimerais avoir , c juste lespece de voile tranparent autour de la box (Je crois ke Bim me comprend) c tout. C pr ca ke jai cherché du coté de "gxt" mais je vois pas trop comment faire ce genre de truc avec. Mais sinon le design de la gwt standard me suffit c juste le voile pr cacher la page html ke je cherche.

Et ya un type ki a fait cela avec GWT en ajoutant un peu de CSS mais il n'a pas fourni le fichier CSS (http://examples.roughian.com/index.h...gets~DialogBox).

Merci de votre attention.

Et en cherchant un peu... Voici le CSS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/**********************************************************************************
* 						DialogBox Demo
**********************************************************************************/
.demo-DialogBox
{
	background-color			:	#ffc;
	border						:	3px solid #009;
}
.demo-DialogBox .Caption
{
	background-color			:	#ff0;
	font-size					:	90%;
	font-weight					:	bold;
	border-bottom				:	3px solid #009;
	padding						:	5px;
	text-align					:	center;
	cursor						:	move;
}
.demo-DialogBox-message
{
	font-size					:	80%;
	padding						:	15px;
}
.demo-DialogBox-footer
{
	padding						:	5px;
	text-align					:	center;
	width						:	100%;
}

15/10/2009, 23h28
safeghost

Bonsoir

Merci Bim pr ton aide, mais je n'ai toujours pas ce voile noir transparent. Le CSS que tu mas passé là , il sen occupe pas. J'obtiens un dialogBox stylé mais pas le voile noir comme sur le site Roughian.
16/10/2009, 07h40
BiM
Je crois que j'ai trouvé. Apparemment, ce serait avec ceci qu'il faut le fond transparent :
Code:

1 2 3 4 5 6 7 8 9 10 .rxf-glass { background-color : #000; opacity : 0.70; -moz-opacity : 0.70; filter : alpha(opacity=70); width : 100%; height : 100%; }
Je pense que sur Opera, Firefox et IE, ce ne sont pas les mêmes propriétés CSS qui font l'opacité, ça me parait être la raison de la triple propriété.
16/10/2009, 21h59
safeghost

Merci bien Bim !

On y est presk. Jai encore deux ti soucis :

1) La transparence est appliqué sur le voile et le dialogBox aussi ce ki est normal puisque ds mon code java jai qqc qui ressemble a ca "dialogBox.addStyleName("rxf-glass");". Sauf que moi je vx rendre transparent que le voile mais pas la boite (dialogBox).

2) La boite n'est pas centré au milieu de lécran. Sans appliquer le style "rxf-glass" c centré puisk je dis "dialogBox.center();" mais une fois ke japplique le style ca se mets au point o(0,0) en haut a gauche de lecran.

Merci pr tout!
18/10/2009, 23h33
safeghost

Bonjour

La solution pr faire un PopupPanel sur un voile transparent cachant la page HTML est là : http://examples.roughian.com/#Tutorials~Panel_Fade

Merci pr votre aide quand meme !