Quote from rocote on August 29, 2020, 6:40 pm

Super!  These web site look great!

I will study the file you've send out.

Thank you Luis.

Quote from CDY@44 on August 29, 2020, 7:10 pm

Thank you Luis ! I will check this ! Good to see your work ! You are faster than your shadow ( Do you know "Lucky Luke" in Spain ?) ;)

Quote from Vadim on August 29, 2020, 7:58 pm

Thank you so much for the template !!

Quote from rocote on September 1, 2020, 12:14 am

Here is another one for you guys.

https://youtu.be/YjfxHsen71k

Take care everyone!

Quote from BGUK on September 2, 2020, 5:13 pm

Hi Luishp,

I am trying to add a page background image to, for example, the web page generated by responsive-website-template.neoapp. I have updated the CSS in Project>Properties>Styles by adding a class .bg but to invoke the CSS  I need to add a Div to the web page? This is my proposed Div

<div> class="bg" </div>

but I do not know how to add it to the web page. Can I simply add another container containing the code but how do I reposition the new container in the objects list?

Also would the HTML code be added to the new Source Code List?

Regards.

Quote from luishp on September 3, 2020, 8:59 am

@bguk you can add CSS code to a Page by using its name instead of a class. For example:

#PageName{
   border-radius:20px;
}

You can also add a Container and assign it a class through the Properties Panel, Advanced section.
And it's possible too to add your own DIV as HTML code using something like this:

<div class="bg">Content</div>

Your proposed Div is not correct as you are applying the class outside the HTML tag.

Regards.

Quote from BGUK on September 10, 2020, 5:39 pm

Hi luishp,

Thanks for the valuable information on using CSS with your responsive website template.

1. I would like to add more bootstrap CSS for images (for example the float-right class) which are unavailable in the Bootstrap 3 CSS. Will you be upgrading to version 4 or 5 in the future?
2. Have you further information on the newly added Source File Editor tool?  What is it's purpose as it does not appear possible to correct any application errors or update text using Florian Balmer's  tool.

Regards

 

Quote from luishp on September 11, 2020, 11:42 am

Hi @bguk,

Will you be upgrading to version 4 or 5 in the future?

I did some test with version 4 but unfortunately it introduced some errors in some core VisualNEO Web functionalities. I will try again with version 5 once it's released. Anyway you can do some tests too by replacing the files in Documents\VisualNeoWeb\Libraries. Just be carefull to save the official version first.

Have you further information on the newly added Source File Editor tool?  What is it's purpose as it does not appear possible to correct any application errors or update text using Florian Balmer's  tool.

Source File Editor allows to directly edit the .neoapp source code. Just remember to reload the app in VisualNEO Web once saved. It's quite usefull to clone subroutines, perform find and replace editions, update text and much more.

Best regards

Quote from Palamar on March 26, 2021, 2:48 pm

Buenas!; he estado viendo este template para tratar de vincularlo con algunas técnicas que ya usaba y hacer algo más definitivo y un tutorial en video (la clase 06 pensaba hacerla de cómo realizar esto mismo), pero me encuentro con algunos problemas. En el caso de mí template responsivo el tema son las pantallas con más resolución, pierde altura, es extraño la forma en la que se comporta cuando supera los 1600px. En este template puntual no tengo dicho problema pero me pregunto cómo utilizar objetos nativos.

Me explico mejor, resulta que el ejemplo utiliza Containers donde va poniendo HTML con la clase de Bootstrap col-sm-x y esta perfecto, pero ¿Cómo haríamos en caso de querer poner un objeto de VisualNeo?. He probado colocarlo pero he visto que el objeto con clase panelContainer no modifica su altura por ejemplo cuando se le coloca un botón dentro, pero si que la modifica cuando creamos un botón programado dentro de un container (lo cual es lógico ya que lo toma como contenido del container). Así que, acá va la pregunta:

¿Cuál sería la mejor manera de modificar la altura de este container?. Modificar el CSS para que el min-height:50px sea más amplio o modificar la altura del objeto desde el cuadro propiedades. Poner auto quizás?. Otra cosa es poner <br> para ganar altura....(esto ultimo no lo veo muy bien pero parece funcionar)

Saludos.

Gracias.

Quote from luishp on March 27, 2021, 12:35 pm

@palamar creo que la única manera en insertar el código HTML directamente. Yo a veces hago lo siguiente:

1) Inserto el objeto de VisualNEO en cualquier parte.
2) Ejecuto la aplicación.
3) Con el botón derecho examino el código HTML del objeto y lo copio.
4) Pego el código HTML dentro de un Container responsive.
5) Elimino el objeto original.

Al estar VisualNEO Web diseñado para trabajar con posicionamientos absolutos, no he encontrado otro modo de proceder más sencillo.

Quote from Palamar on March 27, 2021, 5:38 pm

@luishp Pues creo que es un problema a tener en cuenta, ya que de hacer lo que decis estaríamos dejando de "usar" los objetos nativos de VisualNeo para copiar el código (que para mí no es problema, pero puede que para quien quiera utilizar los objetos sin saber cómo generarlos por código sí)

He estado experimentando un poco y veo que utilizando estas clases sería suficiente:

.relativo{
   position:relative!important;
}

.neobody, .neopage{
      width:100%;
      height:100%;
      margin-top:0px;
      max-width:1600px;
}

Quedan pruebas aún, pero colocando estas clases y utilizando las ya definidas por Bootstrap "Col-md-x, col-sm-x, etc." anteponiendo la clase relativo sería todo. Digamos por ejemplo quedaría "relativo col-md-x".  Despues a ese "relativo col" podemos dar la altura que queramos. Adentro los objetos pueden posicionarse con porcentajes (me ha funcionado bien así). La de neobody y neopage he visto que si las saco no va y supongo que se debe a que define el cuerpo y la pagina en el mismo lugar (Como si la pagina fuera un espejo del body). En fin, lo he probado en varias resoluciones y aún no tengo problemas graves. Eso sí, hay pequeñas cosas, como la del menú o lo que queda fuera de pantalla (Overflow) que a veces no resulta correcto. Esto último lo he solucionado dando la propiedad de overflow a cada container que lo necesite. Ya veré si lo pulo un poco más y puedo subir un ejemplo....

Quote from luishp on March 27, 2021, 10:52 pm

Genial. Yo lo he intentado de varias maneras y no me ha terminado de convencer ninguna salvo lo que comentaba anteriormente.

Estoy deseando ver tu ejemplo.

Gracias!!

Quote from Palamar on March 29, 2021, 6:09 pm

Aca posteo una versión 2.0 del ResponsiveTemplate (propio), en este caso hice un LoginPage para ver cómo funciona. Tiene todos objetos de VisualNeo y al menos probándolo en muchas resoluciones no tuve problema, espero los comentarios.

A saber: Los cuadros usan los bootstrap-icons.css configurados en los Metadatos personalizados. Solo se utilizan 3 clases.