I am taking over a site and need to break up the navigation onto smaller menus for a particular section. Can someone point me to a tutorial, reference, or blog that can show me how to assign menus to sections of the site?
For example:
When you go to mysite.org/divisions it shows the main sidebar navigation 'Navigation' but when you click a link to mysite.org/divisions/spinal-cord-injury-program, the main sidebar navigation is replaced with a different menu 'Spinal Cord Injury Program'. Then anything inside this section '/divisions/spinal-cord-injury-program/....' uses that new menu.
Thanks, still kinda new to all this.
if you are searching for a documentation then see this documentation, it may help you.
And you need to see the block documentation too for assigning these menu.
Related
I'm about to try to create a walkthrough for a web app created using React. I'm trying to think of the best way to do it, and have been thinking of using things like Material UI's modal component. I'm thinking I should also include some kind of arrow component that points the user to whichever element (button, link, etc) on my page I want them to click next. Also I will want to create a backdrop to fade the screen except for whichever element I want the users attention to be drawn to.
I feel like this must have been done many times before, but I can't find anything from searching. Obviously whenever I Google "react walkthrough/guide/intro" I just get suggestions for teaching basic React.
(NB: I'm not looking to do one of those intro sliders, as I want to provide a more detailed step-by-step)
The keyword your need to search for is 'tour'. Searching on google for 'react tour', I found 2 libraries for you:
React Joyride: https://github.com/gilbarbara/react-joyride | Live Demo
reactour: https://github.com/elrumordelaluz/reactour | Live Demo
Both seem to have similar features:
Instruction modal that explains about an element on the page.
The modal is positioned next to the highlighted element.
The window will scroll down to the highlighted element if it's outside of the viewport.
The element is highlighted to bring more attention while the rest of the page is in the backdrop.
There are steppers on the modal to indicate which step you're on.
So, I am using a similar code snippet as provided here(Material UI) :
Code sandbox
When we click on the top left menu icon, it opens the side drawer which shrinks the main body, I wanted it to be able to come on top of the main body, sort of like overlay you can say. I tried changing the z-index but that didn't seem to work. Will really appreciate some help
The official way to do this is use default value of variant (temporary) of Drawer component. In your example, variant you use is permanent.
Of course you need to change CSS a bit to adapt yourself.
API document here: https://material-ui.com/api/drawer/
Offical demo here also: https://material-ui.com/components/drawers/#temporary-drawer
The previous version of Onsen UI, there was a function call presentPage, so you could show a page without any characteristics of the previous page. It would clear the stack.
It was useful for examples, to be able to have just a page with a Sliding menu, but subsequent pages would not.
How can this in the latest Onsen UI (currently at v1.14)?
I tried using the resetToPage function, but that doesn't stop the Sliding menu.
Let me try to answer this one. I believe I understood the question :)
So, you have a "sliding menu" page with a main page, then a hidden menu page that could slide out when you swipe. Now you want a new page that show but doesn't have any sliding menu in it, just a regular page?
If so, you can achieve it by using ons-sliding-menu on top of an ons-nagivator
Take a look at this sample, I modified the sliding-menu code sample from onsen documentation: 'http://codepen.io/vnguyen972/pen/EjHDk'
Link to Page2 from the menu will open up a new page without any sliding menu in it.
Give + if this helps!
[1]: http://codepen.io/vnguyen972/pen/EjHDk
How Can I hide the language link that is shown in black circle?
And I wonder to know how can I just show the inactive language pages and link to their pages(in the red square)
Thanks
Based on the image, it seems that the unwanted language link is a published content. In that case, hide it is as simple as edit the content in the "Content" section and mark that content as "Not Published". In other case, if the link is not showed in the "Main page content" block but in another block, then you can go to /admin/structure/block and disable that block. Also, if the link is in "Main page content" and you are going to modify your home page, maybe using Panels, that link will disappear.
For the second question, you can go to http://drupal.org/node/754264. There is a good discussion about "show only posts of the selected language". They also proposed the "Language Switcher" module http://drupal.org/project/language_switcher, which could fit you if you use as selection filter the inactive languages.
I am dabbling fresh with Drupal 7 and so far having little success with getting the Menu to behave the way I want it to. My CSS and PHP basics are strong, but understanding Drupal's system is in itself a huge challenge and hence my doubts.
For those acquainted with the Bartik theme, the main menu defaults itself in the header.
I am trying to create a floating/persistent menu that encapsulates the entire width of the website. But I am not sure where I need to go in and make the required changes.
One option I have is to remove the main menu from the Bartik header and then introduce the main menu block in the 'featured' region. Here the menu is rendering itself horizontally instead of vertically the way i want it to be.
Essentially the question is, How do I alter the main menu in the Bartik theme? Where do I need to get in and make changes.OH, and I have sub-themed it, just to let you know.
Thanks much !
Parijat
I'm not sure I follow but it sounds like you need to create a new region to put the menu in. You add these in the themes .info file.
region[region_name] = Region name
Print the regions contents out in your themes page.tpl.php file.
Clear the cache and it will show up in the blocks page.
You can the style it how ever you want.