Page 1 of 1

Estilo chat, como hacer las burbujas de chat - Whatsapp

PostPosted: Fri Jun 18, 2021 2:33 am
by nlerdafehn
Buenas foro,

Abro este tema para hacerlo mas prolijo.

Intento generar un chat interno en una empresa, y necesitaria que la visual de los mensajes se muestren de esta manera:

Image

Manejo mucho mejor php, html y CSS y hacerlo en ese lenguaje es bastante sencillo, pero por aca no se me cae una sola idea de como podria implementarlo.

Alguno me puede orientar por donde deberia mirar?

Muchas gracias

Re: Estilo chat, como hacer las burbujas de chat - Whatsapp

PostPosted: Fri Jun 18, 2021 7:39 am
by cnavarro
La solucion más sencilla tal y como yo lo veo es hacer dos xbrowses ( uno a la izda y otro a la derecha )
El de la derecha con dos columnas, y para pintar ( personalizar ) los colores y aspecto de ambas columnas utiliza la data bPaintRow ( por ejemplo )
viewtopic.php?f=3&t=32450&p=190641&hilit=bpaintrow#p190641

Re: Estilo chat, como hacer las burbujas de chat - Whatsapp

PostPosted: Fri Jun 18, 2021 11:17 am
by hmpaquito
Cristobal,

Yo tambien pense lo de los dos browses, pero lo descarté porque habrían de tener filas de ancho variable y no pensé que xBrowse tuviera tal caracteristica


En modHarbour se intentó algo con bastante exito

viewtopic.php?f=46&t=38699#p230753

Saludos a todos

Re: Estilo chat, como hacer las burbujas de chat - Whatsapp

PostPosted: Fri Jun 18, 2021 2:14 pm
by cnavarro
Paquito, voy a hablar del de la derecha
La estructura del xbrowse ha de tener 3 columnas ( como minimo ): bitmap ( o usuario + Fecha y hora -> en otra columna ), mensajes entrantes, mensajes salientes ( o viceversa )
No pongas lineas que separen las rows
Pon cada linea de mensaje en una row ( separa las lineas de los mensajes al recibirlos por su CHR( 10 ) o CRLF )
Solo pon en la primera columna el usuario en la primera linea del mensaje, así no necesitarás tener alturas variables de las rows
Si hay mensaje de entrada la columna siguiente estará vacía y viceversa
Esto es una primera aproximación, entiendo que no es perfecto pero podría servir, aunque también se me ocurren otras posibilidades que he de "madurar"
En cuanto al ejemplo de mod, si quedó bastante bien.

Re: Estilo chat, como hacer las burbujas de chat - Whatsapp

PostPosted: Fri Jun 18, 2021 8:26 pm
by nlerdafehn
Gracias a ambos!

Me parece que me voy a orientar mas a hacer un BBCode en un edit, que va a ser muchisimo mas sencillo y cubrira la necesidad basica. Al fin del dia, no va a ser un chat, sino más bien un sistema de ticketing para pedidos que tenga la empresa.

Tendre en cuenta los dos xbrowse. Pero mod harbour voy a necesitar un servidor apache para que corra local sin internet, y es algo complicado de gestionar.