Snap position and MasterPage
Quote from ebear on August 11, 2021, 1:57 pmHello All,
Im using already years and years NeoBook/VisualNeoWin for my application development with great success.
I bought VisualNeo Web already a long time ago, but I never had the time to start. A month ago I started to create my framework into VisualNeoWeb, and Im already really far.
One thing (sure there will be more), I didnt really solve untill now;
In VisualNeo Win we have a property "Snap position" (Left/Right/Center/Top/Bottom). My question is how to do this in VisualNeo Web. When I set height and width of for example a container to 100%, the container is higher then the page, and a scroll bar is shown.
Next to this also the Master page doesnt seem to work as in the Windows version.
In the Windows version and object in the MasterPage will push the objects in the other pages aside. In the Web version all page objects will be below or on top of the masterpage objects.Anyone who can give me a solution???
Otherwise the Web version seems to be an great environment... My future development...
Best regards,
Eric Beerhorst
Hello All,
Im using already years and years NeoBook/VisualNeoWin for my application development with great success.
I bought VisualNeo Web already a long time ago, but I never had the time to start. A month ago I started to create my framework into VisualNeoWeb, and Im already really far.
One thing (sure there will be more), I didnt really solve untill now;
In VisualNeo Win we have a property "Snap position" (Left/Right/Center/Top/Bottom). My question is how to do this in VisualNeo Web. When I set height and width of for example a container to 100%, the container is higher then the page, and a scroll bar is shown.
Next to this also the Master page doesnt seem to work as in the Windows version.
In the Windows version and object in the MasterPage will push the objects in the other pages aside. In the Web version all page objects will be below or on top of the masterpage objects.
Anyone who can give me a solution???
Otherwise the Web version seems to be an great environment... My future development...
Best regards,
Eric Beerhorst
Quote from Palamar on August 11, 2021, 5:59 pmHola!,
Voy a contestarte en español siendo lo más sencillo para mi. Los objetos que muestra VisualNeo Web son distintos a los que se presentan en VisualNeo Win ya que en este ultimo los objetos se muestran en una ventana tipo aplicación, en cambio en VisualNeo Web lo hacen en un navegador, por lo que esto cambia radicalmente las "reglas de juego".
Si no me equivoco los objetos de VisualNeo Web se establecen de forma fija y estática dentro de la página, lo que es ideal para apps con pocos objetos. Para hacer esto de manera distinta recientemente se ha agregado la posibilidad de hacer app responsivas, te dejo un post para que veas un poco más de esto:
https://visualneo.com/forum/topic/how-to-make-responsive-websites-or-apps-video-tutorial
Hola!,
Voy a contestarte en español siendo lo más sencillo para mi. Los objetos que muestra VisualNeo Web son distintos a los que se presentan en VisualNeo Win ya que en este ultimo los objetos se muestran en una ventana tipo aplicación, en cambio en VisualNeo Web lo hacen en un navegador, por lo que esto cambia radicalmente las "reglas de juego".
Si no me equivoco los objetos de VisualNeo Web se establecen de forma fija y estática dentro de la página, lo que es ideal para apps con pocos objetos. Para hacer esto de manera distinta recientemente se ha agregado la posibilidad de hacer app responsivas, te dejo un post para que veas un poco más de esto:
https://visualneo.com/forum/topic/how-to-make-responsive-websites-or-apps-video-tutorial
Quote from luishp on August 12, 2021, 10:29 amHi @ebear!
VisualNEO Web is very flexible regarding objects positioning and there are some predefined CSS classes you can use to "Snap" objects position in Containers or the whole app. About Master Pages they can be for the "Background" or "Foreground", you can have as many as you need and assign them only to the Pages you need to. On Responsive Designs a"Background Master Page" will be positioned above the Page content (header) and a "Foreground Master Page" will be positioned below the Page content (footer)
CSS classes to facilitate objects positioning in both responsive and standard designs:
neo-top-right
neo-bottom-right
neo-top-left
neo-bottom-left
neo-top-center
neo-bottom-center
neo-middle-center
neo-middle-left
neo-middle-right
Hi @ebear!
VisualNEO Web is very flexible regarding objects positioning and there are some predefined CSS classes you can use to "Snap" objects position in Containers or the whole app. About Master Pages they can be for the "Background" or "Foreground", you can have as many as you need and assign them only to the Pages you need to. On Responsive Designs a"Background Master Page" will be positioned above the Page content (header) and a "Foreground Master Page" will be positioned below the Page content (footer)
CSS classes to facilitate objects positioning in both responsive and standard designs:
neo-top-right
neo-bottom-right
neo-top-left
neo-bottom-left
neo-top-center
neo-bottom-center
neo-middle-center
neo-middle-left
neo-middle-right
Quote from ebear on August 12, 2021, 10:57 amHello Palmar and Luis,
I attached a image of my standard template I use in VisualNeo Win. The image shows the MasterPage and the yellow area is filled with the page contents. As I already wrote before, in VisualNeo Win the MasterPage contents in the way I do it are pushing the page contents aside (to the yellow area). As you see the MasterPage contains a top menu bar and a left side Treemenu.
Each page in my template has its own main container which is has the snap-position center. And will react as the yellow area in the image.This is something I expected also from the MasterPage(s) in VisualNeo Web. Sure probaly I do something wrong, I tried the foreground and background MasterPages. The fact that there are unlimited MasterPages is by the Great!!!
Otherwise the CSS classes work fine. I tried to find an overview of the predefined CSS classes in the Help, but I didnt find them?
Thanks a lot for your great support,
Eric Beerhorst
Hello Palmar and Luis,
I attached a image of my standard template I use in VisualNeo Win. The image shows the MasterPage and the yellow area is filled with the page contents. As I already wrote before, in VisualNeo Win the MasterPage contents in the way I do it are pushing the page contents aside (to the yellow area). As you see the MasterPage contains a top menu bar and a left side Treemenu.
Each page in my template has its own main container which is has the snap-position center. And will react as the yellow area in the image.
This is something I expected also from the MasterPage(s) in VisualNeo Web. Sure probaly I do something wrong, I tried the foreground and background MasterPages. The fact that there are unlimited MasterPages is by the Great!!!
Otherwise the CSS classes work fine. I tried to find an overview of the predefined CSS classes in the Help, but I didnt find them?
Thanks a lot for your great support,
Eric Beerhorst
Uploaded files:- You need to login to have access to uploads.
Quote from luishp on August 12, 2021, 1:59 pm@ebear, VisualNEO Web is different from VisualNEO Win as all the interface is done using HTML and CSS. What you want (using a Master Page) is possible but probably quite difficult without a good HTML and CSS knowledge.
Please take a look here for an alternative using a simple lateral sliding menu:
https://visualneo.com/forum/topic/how-to-crate-a-sliding-menu-video-tutorialIf you really need the a User Interface indentical to the one you have in VisualNEO Win, let me know and I will try to help you.
I hope it helps.
Regards.
@ebear, VisualNEO Web is different from VisualNEO Win as all the interface is done using HTML and CSS. What you want (using a Master Page) is possible but probably quite difficult without a good HTML and CSS knowledge.
Please take a look here for an alternative using a simple lateral sliding menu:
https://visualneo.com/forum/topic/how-to-crate-a-sliding-menu-video-tutorial
If you really need the a User Interface indentical to the one you have in VisualNEO Win, let me know and I will try to help you.
I hope it helps.
Regards.