Button not clickable - Disable Click - ionic-framework

I want to make a button in ionic not clickable, so how can I do it?
I have buttons inside a header bar and they are scores, so people can't click on them.

use ng-disable
<button ng-disable="true"></button>

Related

How to find which controlls that can use the icon attribute? [SAPUI5]

I am looking for controlls that can use the icon attribute in order to display the sap-icon://accept. Till right now i have been using button in order to display icons, but as of right now, the border that does make an button, isn't fitting for the task, as such, i am looking for a new controll, that supports icon attribute as well as onPress/onClick Events.
<Button icon="sap-icon://accept"/> //displays the accept icon, however it does an border that makes an Button.
There is sap.ui.core.Icon class for displaying icons.
It also has press event you can use to click on that icon.
<core:Icon src="sap-icon://accept" color="#8875E7" press="handlePress" />

Moving Fancybox navigation into or next to toolbar

Is there an easy way to move the Fancybox navigation arrows into or next to the toolbar? Ideally, I would like to have them all above my gallery items with the left arrow, then the right arrow, then the close button. I can figure out how to reposition everything using CSS, but I was wondering if there was a quicker/easier way to get the layout I want. Thanks!
Simply use buttons option to specify what buttons and in what order you need:
$('[data-fancybox="images"]').fancybox({
buttons: ['arrowLeft', 'arrowRight', 'close']
})
https://codepen.io/anon/pen/jjYOLj?editors=1010

How to disable the back button on a pushed page?

In my page i use this:
this.navCtrl.push(HomePage);
Automatically generated back button
but a back button will automatically be added to the pushed view, how to use default bar?
If you do not want the Back button to be shown as an option you could simply hide it on the page in which you are navigating to.
<ion-navbar hideBackButton="true"></ion-navbar>
More info on Ionic NavBar here.
If you don't want to have the back button then you can set it as a root page using "setRoot()" instead of push() like this,
this.navCtrl.setRoot(HomePage);
just try this it work great for me it will be automatically deactivate back button and show Menu toggle
this.childNavCtrl.setRoot(HomePage);

Icon/image over UIButton iPhone

If I want an image on my UIButton, and I still want to use the default white button. Is it ok to add an image(icon) over some parts of the button?
I have a button with the text 'Show on map' and I want a icon to the right.
Is this the only approach or are there other possibilities? When I add an icon over the button some parts of the button won't be "clickable".
Thanks in advance.
you could create a custom button that has an image the 'icon' and then the rest is transparent and then overlay this button over the standard one and give them the same action.
An easier way would just to be create an image that is the button exactly as you want it and use the 'custom button' style and use this as the backgroundImage.

how to display the list of buttons like drop down list for a button in iPhone

i am new to iPhone programming...
can any body help me out please...
in my app i am displaying an image, transparent html page with text about that image and there is audio instead of html text...
in the bottom tool bar i have button 'VIEW".. i want this button to show the 3 (radio or normal) buttons in a list like drop up list(for enable/disable the bgimage, audio, text)...
How to display the list of buttons when i click on VIEW button...
Thank u
iPhone does not have a build in radio list. You need to implement your custom view to make one. You may try to inherit table view to create a selection list. And for the on / off part, you can try UISwitch.