VisualNEO Support ForumVisualNEO Web: Getting StartedHow to make responsive websites o …

You need to log in to create posts and topics.

How to make responsive websites or apps. Video tutorial

#1 · April 11, 2021, 7:19 pm

Although it's almost impossible to teach responsive design in 10 minutes, this video will allow you to understand how to achive a responsive design using VisualNEO Web. I recommend you to read an introduction to Bootstrap grid and practice a lot.
With VisualNEO Web you can reuse yours or anyone responsive designs very easily (sample app attached)

Let me know if you have any doubts.

Uploaded files:

You need to login to have access to uploads.

Vadim, farhad2008 and 6 other users have reacted to this post.

#2 · April 11, 2021, 7:36 pm

@luishp

Thank you so much for your help!!!

luishp has reacted to this post.

#3 · April 11, 2021, 9:24 pm

@luishp,

I do like your video tutorials !! Thank you !!

luishp has reacted to this post.

#4 · April 13, 2021, 10:11 am

hi, thank you so much

best regards

luishp has reacted to this post.

#5 · April 13, 2021, 11:30 am

Thank you luishp

luishp has reacted to this post.

#6 · April 16, 2021, 4:05 am

Thank You @Luis

You are the best!

luishp has reacted to this post.

#7 · May 31, 2025, 12:41 pm

Hola Luis,

Estoy intentando adaptar el ejemplo de listín telefónico a una aplicación responsiva siguiendo el tutorial pero la verdad es que me pierdo con las clases css, atributos, etc. Además en la nueva versión (que no es la que aparece en el vídeo tutorial) aparecen tres nuevas pestañas "sm, md y lg" entiendo que para tal fin. Entonces no estoy seguro dónde tengo que configurar el sistema de filas y columnas de bootsrap que indica el tutorial.

¿Me podrías ayudar porfa?

Gracias de antenamo.

Saludos, Jose.

#8 · June 1, 2025, 6:42 pm

@madjos hay varias maneras diferentes de conseguir aplicaciones responsivas.
Las pestañas sm, md y lg, están relacionadas pero tienen otro propósito: controlar mejor el aspecto de cada elemento en cada dispositivo y resolución de pantalla. Lo ideal es que utilices el más moderno de los sistemas con los que cuenta VisualNEO Web (basado en FlexBox) que es el que viene descrito aquí:

Apps responsive con FlexBox en VisualNEO Web:
https://webhelp.visualneo.com/Flexboxbasedgridsystem.html

Palamar creó un tutorial que puedes ver aquí:
https://www.youtube.com/watch?v=CPIMaxDuJxA

Saludos!

#9 · June 2, 2025, 11:21 am

Hola de nuevo Luis,

Muchas gracias por tu pronta respuesta. Sin duda tu ayuda supone un gran valor añadido al software.

Ya estaba mirando la ayuda sobre Flexbox y el curso de Palamar me parece interesante. Lo seguiré.

Gracias otra vez.

Saludos, Jose.

luishp has reacted to this post.

How to make responsive websites or apps. Video tutorial - Forum

How to make responsive websites or apps. Video tutorial