Hello,
I would like to know if it is possible to have two menu options in the Atlas, besides the standard conventional menu of thema, I would like to add the side bar menu as of thema paradise.
It would be possible?
Thank you.
Menu Side Bar
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Atlas has two menu option; Horizontal menu(Default) and Popup Menu. Which Paradise menu mode do you want to use in the Atlas Layout?
Github Profile: https://github.com/mertsincan
Hello,
I would like to have and the possibility of the user to choose the Horizontal menu (default) or the Menu side bar (static menu) according to the selection of the image.
https://uploaddeimagens.com.br/imagens/ ... -25-png--2
https://uploaddeimagens.com.br/imagens/ ... -53-28-png
Thank.
I would like to have and the possibility of the user to choose the Horizontal menu (default) or the Menu side bar (static menu) according to the selection of the image.
https://uploaddeimagens.com.br/imagens/ ... -25-png--2
https://uploaddeimagens.com.br/imagens/ ... -53-28-png
Thank.
Last edited by ajotta on 16 Jul 2017, 19:59, edited 1 time in total.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
I think you can override the Atlas Popup menu css. Exp;
Code: Select all
<style type="text/css">
@media(min-width: 641px) {
body.PopupMenu #layout-menu-cover {
left:-300px;
display: block;
height: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.PopupMenu #layout-menu-cover.active {
max-height: none !important;
height: 100%;
left: 0px;
}
body.PopupMenu #layout-menu-cover.active + #layout-portlets-cover {
padding-left: 320px;
}
body.PopupMenu #layout-portlets-cover {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
body.PopupMenu #layout-menu-cover {
background-color: #ffffff;
}
body.PopupMenu #layout-menu > li > a:hover,
body.PopupMenu #layout-menu > li > a:active,
body.PopupMenu #layout-menu > li > a.active-menu,
body.PopupMenu.LeadenTopbar #layout-menu-cover a.active-menu {
background-color: #3E5E66;
color: rgba(255, 255, 255, 0.8);
}
}
</style>
Github Profile: https://github.com/mertsincan
Hello,
Sorry for not knowing where to make this change, could you give me an example of where to add the CSS code to work?
Sorry for not knowing where to make this change, could you give me an example of where to add the CSS code to work?
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
You can add the above codes into h:head tag in template.xhtml. Also, for static menu, please add 'PopupMenu' class to h:body. I overrode this class.
Github Profile: https://github.com/mertsincan
Many thanks, but the side menu was not fixed, and besides how do I switch between a standard menu with the side?
The menu in the mobile version was not like in Paradise, how do I leave the mobile version as the version for better navigation?
The menu in the mobile version was not like in Paradise, how do I leave the mobile version as the version for better navigation?
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Many thanks, but the side menu was not fixed,
- Could you please attach a screenshot?
- You can change the class of h:body or use javascript;and besides how do I switch between a standard menu with the side?
function changeMenu() {
$('body').removeClass('PopupMenu');
}
- You need to override css style. For mobile, you can use @media queries; https://responsivedesign.is/develop/bro ... eakpoints/The menu in the mobile version was not like in Paradise, how do I leave the mobile version as the version for better navigation?
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest