Responsive side menu on master page
Quote from smartmedia on December 10, 2022, 9:03 amHi..
I am building a platform and there is a need to have a side responsive menu . I tried to build it in a master page inside a container using the col-md-4 col-sm-4 col-xs-4 but it shows on the right in normal pages, also tried the tag
col order-1but is not accept it.Here it shows an example for side nav but i don't thing that is compatible with 3,4 version
https://mdbootstrap.com/docs/standard/navigation/sidenav/
Since i am asking about css tags i have some question about it.
The following tags are not playing at all.
row-no-gutters
col-order-1
col-md-push-3
col-gx
Any ideas ?
Hi..
I am building a platform and there is a need to have a side responsive menu . I tried to build it in a master page inside a container using the col-md-4 col-sm-4 col-xs-4 but it shows on the right in normal pages, also tried the tag col order-1 but is not accept it.
Here it shows an example for side nav but i don't thing that is compatible with 3,4 version
https://mdbootstrap.com/docs/standard/navigation/sidenav/
Since i am asking about css tags i have some question about it.
The following tags are not playing at all.
row-no-gutters
col-order-1
col-md-push-3
col-gx
Any ideas ?
Quote from luishp on December 10, 2022, 10:31 amHi @smartmedia, any BootStrap 3 class should work.
Have you tried this?
Hi @smartmedia, any BootStrap 3 class should work.
Have you tried this?
Quote from smartmedia on December 10, 2022, 3:13 pmHi Lui,
Yes i have saw all the videos and the examples, this type of menu is not filling my needs. I guess there isn't other way to have responsive menu on the left column and be called from master page. There is any possibility to upgrade the bootstrap version ? In the meantime i copy all menu to all pages.
As for the tags, they are not working for me, i wonder if i compose them with wrong syntax. If there is any example i be happy to test it.
Hi Lui,
Yes i have saw all the videos and the examples, this type of menu is not filling my needs. I guess there isn't other way to have responsive menu on the left column and be called from master page. There is any possibility to upgrade the bootstrap version ? In the meantime i copy all menu to all pages.
As for the tags, they are not working for me, i wonder if i compose them with wrong syntax. If there is any example i be happy to test it.
Quote from luishp on December 10, 2022, 8:01 pm@smartmedia new BootStrap versions are quite different from the 3.1 used in VisualNEO Web and most visual objects depend on it. I do not see any easy way to upgrade keeping the compatibility. But please note that VisualNEO Web includes a more modern responsive system based on Flexbox:
Flexbox based grid system (visualneo.com)
What you want to accomplish is something similar to this?
https://sinlios.eu/joe/annotate-r/
Regards.
@smartmedia new BootStrap versions are quite different from the 3.1 used in VisualNEO Web and most visual objects depend on it. I do not see any easy way to upgrade keeping the compatibility. But please note that VisualNEO Web includes a more modern responsive system based on Flexbox:
Flexbox based grid system (visualneo.com)
What you want to accomplish is something similar to this?
https://sinlios.eu/joe/annotate-r/
Regards.
Quote from luishp on December 10, 2022, 8:08 pm@smartmedia, please take a look at this thread too:
https://visualneo.com/forum/topic/show-container-from-other-page-in-another-pageRegards.
@smartmedia, please take a look at this thread too:
https://visualneo.com/forum/topic/show-container-from-other-page-in-another-page
Regards.
Quote from smartmedia on December 11, 2022, 10:50 amQuote from luishp on December 10, 2022, 8:01 pm@smartmedia new BootStrap versions are quite different from the 3.1 used in VisualNEO Web and most visual objects depend on it. I do not see any easy way to upgrade keeping the compatibility. But please note that VisualNEO Web includes a more modern responsive system based on Flexbox:
Flexbox based grid system (visualneo.com)
What you want to accomplish is something similar to this?
https://sinlios.eu/joe/annotate-r/
Regards.
Hi Lui,
I am new to bootstrap and CSS and trying to figure out mostly from examples how things working.
I tried the first days i started the platform the neo flexbox, i found that has problems with images (distortions) so replaced the tags with the safe css ones.
I do missing how to place an image in the center of a col.
What i am trying is to have a side navbar with accordion ability in sub menus and to get hide when is XS and see the bars.
Now i have check the other thread witch is very helpful, and i am thinking to use it, has some visual glitch when it moves the contains but i will check it out.
Thanks again for your answers.
Quote from luishp on December 10, 2022, 8:01 pm@smartmedia new BootStrap versions are quite different from the 3.1 used in VisualNEO Web and most visual objects depend on it. I do not see any easy way to upgrade keeping the compatibility. But please note that VisualNEO Web includes a more modern responsive system based on Flexbox:
Flexbox based grid system (visualneo.com)
What you want to accomplish is something similar to this?
https://sinlios.eu/joe/annotate-r/
Regards.
Hi Lui,
I am new to bootstrap and CSS and trying to figure out mostly from examples how things working.
I tried the first days i started the platform the neo flexbox, i found that has problems with images (distortions) so replaced the tags with the safe css ones.
I do missing how to place an image in the center of a col.
What i am trying is to have a side navbar with accordion ability in sub menus and to get hide when is XS and see the bars.
Now i have check the other thread witch is very helpful, and i am thinking to use it, has some visual glitch when it moves the contains but i will check it out.
Thanks again for your answers.
Quote from luishp on December 11, 2022, 3:34 pmI tried the first days i started the platform the neo flexbox, i found that has problems with images (distortions) so replaced the tags with the safe css ones.
@smartmedia you can use aspect-ratio propety within a CSS class (I will add it to the next VisualNEO Web version)
I do missing how to place an image in the center of a col.
You can use the predefined CSS class neo-middle-center
Regards.
I tried the first days i started the platform the neo flexbox, i found that has problems with images (distortions) so replaced the tags with the safe css ones.
@smartmedia you can use aspect-ratio propety within a CSS class (I will add it to the next VisualNEO Web version)
I do missing how to place an image in the center of a col.
You can use the predefined CSS class neo-middle-center
Regards.
Quote from smartmedia on December 11, 2022, 6:36 pmHi Lui,
@luishp any example how to use aspect-ratio property is css class ?
I created a row and inside i have put a png file and applied in css class the neo-middle-center tag. The image looks centered but the row is not showing the all image. The same result if the row is col. I do have removed the witdh, height, left, top, numbers.
Thanks again for your time.
Hi Lui,
@luishp any example how to use aspect-ratio property is css class ?
I created a row and inside i have put a png file and applied in css class the neo-middle-center tag. The image looks centered but the row is not showing the all image. The same result if the row is col. I do have removed the witdh, height, left, top, numbers.
Thanks again for your time.
Quote from luishp on December 11, 2022, 11:35 pm@smartmedia take a look at the attached sample.
Please note that aspect-ratio property will only work once you execute your app within a modern web browser.
Try resizing the web browser once loaded.Regards.
@smartmedia take a look at the attached sample.
Please note that aspect-ratio property will only work once you execute your app within a modern web browser.
Try resizing the web browser once loaded.
Regards.
Uploaded files:- You need to login to have access to uploads.