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
Related
When I change the ion-view title attribute the title is changing on the navigation bar and browser tab. However, I just want to change the title on the browser tab.
i'm not sure i get what you mean but i think the attribute title works like that
<ion-view title="Ingredients" id="page2">
of course this change won't lead to anything since they don't show on the app but i hope my answer could help
Still learning ionic. I have a slide menu integrated into the app. The problem that I have is that I want to completely hide ionic nav bar and menu on top for my login view. I tried using ng-show to hide the nav bar based on whether or not current user is authenticated, but all it does is hide the content in the bar, but leaves empty nav bar container on top of the page.
I also tried using ng-if instead of ng-show, which does make the bar disappear completely, but when I need it to become visible again, the code produces an error: Cannot read property 'outerHtml' of null. I guess because the DOM object for the menu is not there anymore.
What is the best way to address this? Am I on the right path or is there a better way to show/hide
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.
Would like to know how to set an image in the navigation bar instead of the title. I would still require the left hamburger menu icon though.
Can this be easily achieved?
This was done part of their documentation of "ons-toolbar-button"
See it here: 'http://codepen.io/onsen/pen/aHmGL'
Click on the Images selection under "Toolbar Variants" to see how it looks.
[1]: http://codepen.io/onsen/pen/aHmGL
I am trying to use lightbox2 to display a block of text after clicking a heading element:
something like
<h3>name</h3>
I have used lightbox for images with captions but this time I would like the caption to come up without an associated image after clicking a name on a webpage.
Thanks for any replies.
I don't think that lightbox2 is made for such a thing, why don't you try http://fancybox.net/ this one works 100%.