How to customize the text on ion-toggle in ionic2 - ionic2

am looking to customize the ion-toggle, to show custom text. I need it to say Yes/No. Tried looking for solutions and found that we can use ion-toggle-text. But that solution does not seem to work in ionic2. Below is the code snippet am using. Tried to use ng-true-value but did not work either.
<ion-toggle ion-toggle-text="Yes;No" ng-true-value="Yes" ng-false-value="No">
</ion-toggle>
I could not find anything related to this in ionic documentation for ion-toggle.
Can you pls let me know how do I achieve this functionality?

ion-toggle-text paramter was only available in ionic 1 . For ionic 2 and later, you cannot place text on toggle.
If you want to make a custom button, the best way to make your own toggle button on a pattern described here : https://www.w3schools.com/howto/howto_css_switch.asp and then add text within it.

Related

bootstrap4 on ember.js: how do I build this exact top navbar and left side navbar

what I would like to do in RED BOX:
hello. obviously I am new and very much a beginner.
I am using ember.js for my application frontend and bootstrap to ease the styling process. I want to build a top fixed menu bar like the picture attached and a left navigation bar with scrolling like the picture attached. maybe because I am new thats why I am unable to use the manuals properly to land me at this point.
if anyone choose to help, need to know 1st that if there are already defined builtin components in ember.js to solve this issue (I am using ember v3.18), I am unable to find any.
2nd, if 1st question answer is no, then how can I build it - or are there any suggestive codes available online for me to learn from?

Replace Javascript with Bootstrap responsive slideshow

I'm trying to find a nice looking bootstrap slideshow that looks similar to this one: https://www.jssor.com/demos/simple-fade-slideshow.slider
I would use the one in the link but it's got way to much Javascript and doesn't respond properly when I change the size of my window. Any ideas how I could create this using Bootstrap, HTML and CSS only? So it still needs to be automatic as well.
Thank you
It’s the carousel you’re after, without knowing which version of bootstrap you’re on I cannot provide an example but you can find full examples for what you need in the bootstrap docs: https://getbootstrap.com/docs/4.1/components/carousel/

Chart.js custom tooltip events

I m working on charts using the chart.js library. I want to show image gallery like a carousel on click of any segment of pie/doughnut chart. I'm not able to find the proper solution. Please suggest some solution
If I understand correctly what you are trying is to trigger an event after user clicks on chart segment. chart.js has this prototype method getElementAtEvent(); See the documentation.
It seems as a good place to start - you could create some function to open image gallery and call it there.
And the gallery/slider implementation is a separate issue, but if you are using some of the popular ui libraries some of them have a solution for that already. Bootstrap, for example has carousel, and JQuery has many plugins for that purpose. Here are some examples. Hope this helps...

opencart checkout not expand,just show the 6 steps

Hi i have problem with opencart 1.5.6.4,my checkout dont like to expand and to show register or login when you proces to buy the product just,show the 6 step whit out to expand,The buttons at the one-page checkout are not expanding. If u visit this link: http://imeibox.com/index.php?route=checkout/checkout u can see there is not button are not doing anything, so we cannot fill in any information or select any options. Is there a simple solution for this problem or is there bad coding behind those buttons?
kind regards
GEORGI
Well this looks like it could be anything.
First thing that comes to mind,have you added a Jquery library to the header.tpl file recetly? if you have,there's your problem.
Try some checkups to see where the issue is coming from
1:turn off the theme you are using and check the cart again
2:Turn off any new modules you have installed
3:check your error log,and see what you have there,dont forget to check the vqmod/logs
usually that area of opencart works without a problem.so its either some code you did,the theme you are using or a bad module
DO not forget to do a backup before you do anything

ember.js: Correct way to select a tab and keep content

I'm trying to use emberjs but I'm stuck in some stupid errors.
I didn't find a good way to select a tab. Should I set some variable in the route and use bindAttr in the handlebar? (I tried it but didn't work). I need to create a emberjs view for each element that I need to interact with template and use {{#view}}{{/view}}?
In the 'navigation' outlet, I render signup/signin forms and want to keep filled data when user change the selected tab. How can I do that?
Here is the code: http://jsfiddle.net/alexandrebini/6g7Xu/24/
Sorry if I was not clear, I'm a little lost...
Use Bindings & also Ember provides their textfield views which are pretty handful...I edited some of your fiddle to account your issue, rest of fiddle I think you can handle by yourself, http://jsfiddle.net/6g7Xu/26/ (Edited the Sign In part use this to edit the Sign up view)
Hope this helps !