Multilingual Switch Block just for link to other pages - drupal-7

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.

Related

Suggestions for design approach to React app walkthrough

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.

How to hide browserAction icon and show only on sites that match in content_scripts?

My browser extension is always showing actionbar icon. But I want to browser_action displayed only on matches content scripts. Because my webextension users not often use it, so i want to hide icon for dont irritate they.
Use a pageAction, it can do what you want: hide and show when necessary. It will show in the address bar.
The functionality is very similar to a browserAction.
https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/pageAction

Appgyver: How to use Ionic Icons or images in super-navbar?

I am trying to use navigation images on left as well right of <super-navbar> but it is stated in the official documentation, that only text is supported in super-navbar buttons. But there must be some way around to do this. Below is my code, where I want to place images instead of text:
<super-navbar>
<super-navbar-button side="left" id="hamburger" onclick="supersonic.ui.drawers.open()">Menu</super-navbar-button>
<super-navbar-title>MyApp</super-navbar-title>
<super-navbar-button side="right">Search</super-navbar-button>
</super-navbar>
Instead of "menu" text I want to have hamburger type icon or png image at least. Same for search text.
Thanks.
This can be accomplished right now by removing the <super-navbar> section and writing your own html header.
If you look in the layout file for your project there is an import statement as you mentioned:
<link rel="import" href="/components/supersonic/components/import.html">
There is a section that states:
* #name super-navbar-button
* When used inside theelement, creates a button that will be displayed on the navigation bar. Only text content is supported for the button title.
Support for icons has been requested. You can subscribe to their github to get notifications of issues. https://github.com/AppGyver/steroids
One work around to be able to keep using <super-navbar> and have icons is to use something like this which will render as ≡
<super-navbar-button ng-click="toggleMenuDrawer()">
≡
</super-navbar-button>
They have a good forum on Muut as well. This issue is most likely related to trying to add icons in the <super-navbar>. I experienced a disappearing navbar after trying to add markup: <i class="icon super-search"></i>
It works in the main content area, but makes the navbar behave differently when nested in a <super> element.

Menus in certian sections

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.

Drupal 7 Bartik theme main menu

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.

Resources