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
Related
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
I'm using Ionic directives as generated by Ionic Creator. At the top we have a standard nav-bar and tabbed navigation icons at the bottom. Each icon has a specific color and I want the navbar to match the color when clicked.
<ion-nav-bar class="bar-{{$root.color}}">
Firing on-select, I've tried to set $scope.color, $rootScope.color, and even created a function that returns the value of $rootScope.color.
<ion-tab title="Reps" icon="ion-person-stalker balanced" on-select="headerColor('balanced')">
With the code above, the css changes in the inspector but the new color is never applied or rendered. Anyone know a good way to work this in? I've also tried to $scope.$apply() but that just throws errors as other $digests are running.
Here's the app link
https://irthos.github.io/medviz-admin/#/labs
Here's the index.html with the code
https://github.com/irthos/medviz-admin/blob/master/www/index.html
Thanks!
This can be achieved by changing the color when switching states. I created a codepen that does just that:
http://codepen.io/cavanflynn/pen/VLBgEK
<ion-nav-bar class="bar-positive"
ng-class="{'bar-custom': secColor == '1',
'bar-custom2' : secColor == '2'}">
</ion-nav-bar>
I tried body {overflow: hidden} trick but it hides everything below "View Details and Buy" button. Checked the elements through Inspector and none seem to overflow. I can't exactly point out the issue. Same template is used for other pages and those are working fine.
Getting the scroll bar on this page:
http://www.satyatunes.com/web/index.php
The same template is used on this but it's working fine:
http://www.satyatunes.com/web/store.php
The welcome page is not responsive on mobile/ipads also.
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
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